@charset "utf-8";
/*
Theme Name: 株式会社フリーメソッド
Theme URI: http://www.freemethod.net/
Description: FREEMETHOD
Version: 1.01 2009/02/04
Author: FREEMETHOD
Author URI: http://www.freemethod.net/
*/



/*--------------------------------------------------------------------
common
cssの初期化
--------------------------------------------------------------------*/


* {
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
margin: 0;
padding: 0;
color:#333333;
line-height:1.7em;

}

/*bodyのスタイル*/

body {
text-align: center;
margin: 0px;
padding: 0px;
}

p {
margin-top: 10px;
margin-bottom: 10px;
padding: 0px;
margin-right: 0px;
margin-left: 0px;
text-align:left;
font-size:14px;
}

img{
padding:0px;
margin:0px;
}

html, body {
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
margin: 0;
padding: 0;
font-size: 100%;
}

h2, h3, h4, h5, h6, address, div, blockquote, p, pre, li, dl, dt, dd, hr {
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-weight: normal;
font-size: 100%;
}

table, caption, th, td {
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-weight: normal;
font-size: 100%;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-weight: inherit;
font-size: 100%;
}

a {color: #647F03;}
a:hover {color:#FF3300;}

li{list-style:none;}

td{text-align:left;}

h2{
	margin:0px 0px 0px;
}

#left h2.mt15{
	margin:15px 0px 0px;
}

h2.h2m0{
	margin:0px 0px 0px;
}

input{
	font-size:14px;}

h1{line-height:1.0em;
	margin:5px 5px 0px;
font-weight:100;
	text-align:left;
font-size:10px;}

p{
margin:10px 0;}
/*--------------------------------------------------------------------
common
ページ共通部分
--------------------------------------------------------------------*/

/*containerのスタイル*/

#container{
text-align:center;
width:100%;
margin:0 auto;
font-size:12px;
background-image: url(images/topbg.jpg);
background-repeat: repeat-x;
}

#containersub{
text-align:center;
width:100%;
margin:0 auto;
font-size:12px;
background-image: url(images/subbg.jpg);
background-repeat: repeat-x;
}

#wrapper{
width:1000px;
margin:0 auto;
}

#header{
	margin:0px 0px 0px;
	}
	
#header a {
color: #647F03;
text-decoration:none;
}

#header a:hover {
color:#FF3300;
	text-decoration:none;
}

#hright ul{
	float:left;
	width:410px;}

#hright li{
	float:left;
	padding:0px 8px 0px 8px;
	margin:8px 0px 0px 0px;
font-size:11px;
background: url(images/tline.gif) repeat-y 0 0px;}

#hright{
	width:576px;
	float:right;}

.topheader{
width:998px;
	border-top:solid 1px #999999;
	border-left:solid 1px #999999;
	border-right:solid 1px #999999;
	position:relative;
	margin:0 0 0px;}

.topheader .habout{
width:338px;
	position:absolute;
	top:255px;
	left:380px;}
#main{

	width:998px;
	margin:0px auto 0;
	border-left:solid 1px #cccccc;
padding:10px 0 0;
	border-right:solid 1px #cccccc;}
.sheaderm{
margin:21px 0px 17px;}

#subhnav {
margin:0px 0 0;
	margin-bottom: 0px;
}

#subhnav li {
	display: inline;
}

#pageright h2 {
	background-image: url(images/h2_bg.jpg) ;
background-repeat: no-repeat;
background-position:0 5px;
	font-size: 20px;
	color: #000;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	margin-top: 20px;
	margin-bottom: 20px;
font-weight:bold;
}
#pageright h3 {
	background-image: url(images/h3_bg.gif);
	background-repeat: no-repeat;
background-position:0 bottom;
	font-size: 16px;
	color: #000;
	text-align: left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
font-weight:bold;
}
#pageright h3.h3nobg {
	background-image:none;
	text-align: left;
	padding: 0px;
	margin-top: 40px;
	margin-bottom: 10px;
}
#pageright h4 {
	background-image: url(images/h4_bg.jpg);
	background-repeat: no-repeat;
	font-size: 15px;
	color: #333;
	text-align: left;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 13px;
	margin-top: 20px;
	margin-bottom: 20px;
font-weight:bold;
}

#pageright h4.h4web {
	background-image: url(images/h4_bg2.gif);
	background-repeat: repeat-x;
	font-size: 14px;
	color: #fff;
	text-align: left;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
font-weight:bold;
}

#pageright h4.voice {
background:none;
color:#8FAF10;
padding:0;
	font-size: 15px;
	text-align: left;
	margin-top: 30px;
	margin-bottom: 10px;
font-weight:100;
}

#pageright h5 {
	font-size: 13px;
	color: #68A542;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight: bold;
}

#smain{
padding:10px 0 0;
	width:998px;
	margin:0 auto;
	border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;}
.sheaderm{
margin:21px 0px 17px;}

#left li
{
	padding: 0px;
	display: block;
height:27px;
	width:202px;}

#left ul li a:link, #left ul li a:visited
{
background:url(images/l_menubg.jpg) no-repeat 0 bottom;
	color: #333;
	padding:0px 10px 0px 12px;
	text-align:left;
	text-decoration: none;	
	border:none;
line-height:2em;
	display: block;
height:27px;

}

#left ul li.page_level_1 a:link, #left ul li.page_level_1 a:visited
{
background:url(images/l_menubg.jpg) no-repeat 0 bottom;
	color: #333;
	padding:0px 10px 0px 12px;
	text-align:left;
	text-decoration: none;	
	border:none;
	display: block;
}

#left ul li.page_level_2 a:link, #left ul li.page_level_2 a:visited
{
background:url(images/l_menubg2.jpg) no-repeat 0 bottom;
	color: #333333;
	padding:0px 10px 0px 25px;
	text-align:left;
	text-decoration: none;	
	border:none;
	display: block;
}


#left ul li.page_level_3 a:link, #left ul li.page_level_3 a:visited
{
background:url(images/l_menubg2.jpg) no-repeat 0 bottom;
	color: #333333;
	padding:0px 2px 0px 25px;
	text-align:left;
	text-decoration: none;	
	border:none;
	display: block;
}

#left ul li a:hover, #left ul li a:active
{padding: 0px;
background:url(images/l_menubg_off.jpg) no-repeat 0 bottom;
	border:none;
height:27px;
	padding:0px 10px 0px 12px;
	text-align:left;
	display: block;
	color:#FF3300;
}

#left ul li.page_level_1 a:hover, #left ul li.page_level_1 a:active
{padding: 0px;
background:url(images/l_menubg.jpg) no-repeat 0 bottom;
	border:none;
	padding:0px 10px 0px 12px;
	text-align:left;
	display: block;
	color:#FF3300;
}

#left ul li.page_level_2 a:hover, #left ul li.page_level_2 a:active
{padding: 0px;
background:url(images/l_menubg2.jpg) no-repeat 0 bottom;
	border:none;
	padding:0px 10px 0px 25px;
	text-align:left;
	display: block;
	color:#FF3300;
}

#left ul li.page_level_3 a:hover, #left ul li.page_level_3 a:active
{padding: 0px;
background:url(images/l_menubg2.jpg) no-repeat 0 bottom;
	border:none;
	padding:0px 2px 0px 25px;
	text-align:left;
	display: block;
	color:#FF3300;
}

#left ul.menu2
{
margin:0px 0px 10px;}


#left{
	width:202px;
	float:left;
	margin:0 0 30px;
	}

#left h2{
	margin:0;
	text-align:left;}
	
.lmessage{
padding:5px 0px;
	background:#EAEAEA;
margin:0 0 5px;
	}

.lmessage p{
	margin:0px 5px 5px;}

.lfaq{
padding:0px 0px 5px;
	background:#EAEAEA;
	}
.lwhite{background:#FFFFFF;
width:192px;
padding:0px 0 10px;
margin:0 auto;}

.lfaq td.tdl{
background:url(images/qmark.gif) no-repeat 0 3px;
padding:3px 0 3px 20px;
font-siza:11px;}

#left .lfaq td.tdl a{
font-siza:11px;}

.lfaq td.tdline{
background:url(images/dotline.gif) repeat-x 0 center;
height:2px;
}
.topservicel{
	width:270px;
	float:left;
	border-right:#CCCCCC solid 1px;}

.topservicer{
	width:270px;
	float:right;}

.topservicel li{
	background:url(images/list02.gif) no-repeat 2px 6px;
	padding:0px 0px 0px 13px;
	text-align:left;}

.topservicer li{
	background:url(images/list02.gif) no-repeat 2px 6px;
	padding:0px 0px 0px 13px;
	text-align:left;}

.approachbg{
	background:url(images/approachbg.gif) no-repeat 0 0;
	padding:20px 0px 12px;
	margin:0 0 10px;}
.app01{
float:right;
	position:relative;
	background:url(images/app_b01.jpg) no-repeat 0 0;
	width:294px;
	height:174px;}

.app01_m{
	position:absolute;
	width:188px;
	top:50px;
	left:15px;}

.app01_m p{
	line-height:1.5em;
	color:#FFFFFF;}	

.app02{
float:right;
	position:relative;
	background:url(images/app_b02.jpg) no-repeat 0 0;
	width:294px;
	height:174px;}

.app02_m{
	position:absolute;
	width:188px;
	top:50px;
	left:15px;}

.app02_m p{
	line-height:1.5em;
	color:#FFFFFF;}	

.app03{
float:right;
	position:relative;
	background:url(images/app_b03.jpg) no-repeat 0 0;
	width:294px;
	height:174px;}

.app03_m{
	position:absolute;
	width:188px;
	top:50px;
	left:15px;}

.app03_m p{
	line-height:1.5em;
	color:#FFFFFF;}	

	
#right{
	width:772px;
	float:right;
	margin:0 0 30px;}

#subleft{
	width:550px;
	float:left;
	padding:0px 0px 0px;
	background:#FFFFFF;}

#subleft h2{
	margin:0px 0px 20px;}

#subleft h3.h3mt0{
	margin:0px 0px 10px;
	text-align:left;}

#subright{
	width:200px;
	float:right;
	background:#F2F3F0;}
	
#subright h2{
	margin:20px 0px 10px;}

#subright p{
	font-size:11px;
	line-height:1.5em;}

.rightboxm{
	background:url(images/r_boxm.gif) repeat-y 0 0;
	}

p.pankuzu{
padding:5px 10px 5px;
margin:0 0 25px;
background:url(images/panbg.gif) no-repeat right 0;}

#pageright{
width:748px;
margin:0 27px 0 0;
text-align:left;}

#footer{
	background:url(images/fbg.jpg) repeat-x 0 0;
	padding:50px 0 0;
	font-size:11px;
}
.footerm{
	width:1000px;
	margin:0 auto;
position:relative;}

.pagetop{
position:absolute;
top:-83px;
right:20px;
}

.for{
	width:716px;
	float:right;}
.for01{
	width:230px;
	float:left;
	margin:15px 10px 0 0;}

.for02{
	width:230px;
	float:left;
	margin:15px 10px 0 0;}

.for03{
	width:230px;
	float:right;
	margin:15px 0px 0px 0;}

.forl{
	width:94px;
	text-align:left;
	}

.for li{
	background:url(images/list01.gif) no-repeat 7px 6px;
	padding:0 0 0 18px;
	text-align:left;}

ul.fo01 {
	float:right;
	border-left:#999999 solid 1px;
	width:135px;}

ul.fo02 {
	float:right;
	border-left:#999999 solid 1px;
	width:150px;}
	
.for a{
	color:#333333;
	text-decoration:none;}

.for a:hover{
	color:#3C8D00;}

.fo04{text-align:left;
	background:url(images/fbg2.gif) repeat-x 0 bottom;
margin:0px 0 10px;
padding:0px 0 0px;
float:none;
	font-size:11px;
}
.fo04 a{text-decoration:none;
color:#999999;}

.fo04 ul{
width:1000px;
margin:0px auto 0px;
padding:0px 0 0;
height:31px;}

.fo04 li{
text-align:left;
display: inline;
margin:0 0 0px;
padding:0px 5px 0px 0;}

.fo04 p{
padding:5px 0 0;
	margin:0px 0 0PX;}

.input1{
	border:solid #66CC00 6px;
	width:390px;}
	
.input2{
	border:solid #66CC00 6px;
	width:390px;
	height:150px;}


/*worksのスタイル*/
.wservicebox{
padding:1px 1px 5px;
border:solid #CCCCCC 1px;}
.wservicebox li{
background:url(images/works/list.gif) no-repeat 7px 6px;
	padding:0 0 0 22px;
text-align:left;}

.wservicebox p{
background:#666666;
margin:0 0 5px;
color:#FFFFFF;
padding:2px 5px;}

/*voiceのスタイル*/
.voicemenu{
background:#88AB01;}

.voicemenu p{
padding:5px 10px;
color:#FFFFFF;}

.voicemenu a{
color:#FFFFFF;}

.voicemenu a:hover{
color:#FFFF99;}

.voice_box{
background:url(images/voice/voice_box.jpg) no-repeat 0px 0px;
width:750px;
height:157px;
margin:0 0 5px;
padding:0px 0 0px;}

.voice_box p{
width:690px;
margin:0px auto 0px;
padding:35px 0 0;}

.fmd_box{
background:url(images/voice/fmd_box.jpg) no-repeat 0px 0px;
width:750px;
padding:5px 0 10px;
margin:0 0 30px;
height:120px;}

.fmd_box p{
padding:0px 20px 10px 155px;}

/*columeのスタイル*/
.columebg{
background:#E6E0D8;
padding:30px 50px 20px;
margin:0 0 30px;}

.columebg li{
background:url(images/column/menu.jpg) no-repeat 0px 0px;
width:645px;
padding:30px 0 30px;
margin:0 0 10px;
text-align:left;}

.columebg li a{
padding:0px 20px 0px 68px;
color:#000000;}

.columebg li a:hover{
padding:0px 20px 0px 68px;
color:#88AA01;}

.flowr{
padding:15px 0 0;
width:515px;
float:right;}

.blackbg{
background:#000000;}
.blackbg p{
margin:5px;
color:#FFFFFF;}


.web_point{
background:url(images/service/web_price/point.jpg) no-repeat 0 0;
width:748px;
height:95px;}

.web_point ul{
padding:10px 0 0;
width:550px;
margin:0px 0 0 220px;}

.web_point li{
color:#FF6600;
padding:0 0 0 0px;
list-style:disc;
text-align:left;}

.sitemap li{
width:200px;
height:26px;
text-align:left;
margin:0 0 10px;
}

.sitemap li.s_menu1 a{
display:block;
background:url(images/sitemap/menu1_off.gif) no-repeat 0 0;
padding:4px 0 2px 23px;
text-decoration:none;
}
.sitemap li.s_menu1 a:hover{
background:url(images/sitemap/menu1_on.gif) no-repeat 0 0;
padding:4px 0 2px 23px;
text-decoration:none;
}

.sitemap li.s_menu2{
display:block;
background:url(images/sitemap/submenu.gif) no-repeat 23px 5px;
padding:4px 0 2px 38px;
margin:0 0 0px;
}

.sitemap li.s_menu3{
display:block;
background:url(images/sitemap/submenu.gif) no-repeat 38px 5px;
padding:4px 0 2px 53px;
margin:0 0 0px;
}

/*submeneのスタイル*/

.menubox{
	border:solid 1px #CCCCCC;
	padding:1px 1px 8px;
	margin:0 0 10px;}

.menuboxl{
	width:180px;
	float:right;}
	
.menuboxl p{
	margin:0 0 10px;}


/*faqのスタイル*/
li.qmark{
background:url(images/faq/qmark.gif) no-repeat 7px 6px;
	padding:3px 0 0 32px;
text-align:left;}

div.qmark{
background:url(images/faq/qmark.gif) no-repeat 7px 6px;
	padding:5px 0 10px 32px;
margin:0 0 20px;
text-align:left;}

div.amark{
background:url(images/faq/amark.gif) no-repeat 7px 6px;
	padding:5px 0 0 32px;
margin:0 0 50px;
text-align:left;}

.faqbox{
border:1px solid #CCCCCC;
padding:10px 15px;
margin:0 0 20px;}

.kanren{
border:1px solid #CCCCCC;
padding:10px 0px;
width:176px;
float:right;
margin:0 0 20px;}

.kanren p{background:url(images/faq/list02.gif) no-repeat 0px 6px;
	padding:0 0px 0 15px;
margin:0 10px 0 15px;
text-align:left;}

.faqbox li{float:left;
background:url(images/faq/list01.gif) no-repeat 0px 6px;
	padding:0 20px 0 15px;
text-align:left;}

.app_point{
background:url(images/approach/point.gif) no-repeat 0 0;
width:748px;
height:100px;}

.app_point ul{
padding:10px 0 0;
width:550px;
margin:0px 0 0 220px;}

.app_point li{
color:#657E04;
padding:0 0 0 0px;
list-style:disc;
text-align:left;}

/*otherのスタイル*/
.pagetop{
margin:15px 0px 20px;
text-align:right;
}
.borderpoint{
border-collapse: collapse;
}

.checkbox{
background:#EAEAEA;
padding:15px 25px;}

.checkbox li{
background:url(images/service/common/check.gif) no-repeat 0px 3px;
	padding:0 0px 5px 25px;
text-align:left;}

.graybox{
background:#EAEAEA;
text-align:center;}

.pcat{
padding:0px 0px 0px 7px;
margin:30px 0px 0px 0px;
}

.input1{
	border:solid #cccccc 1px;}
	
.input2{
	border:solid #cccccc 1px;}

textarea{
	border:solid #cccccc 1px;
	width:580px;}

/*hyouのスタイル*/

.hyou td{
	padding:5px 5px 5px 15px;}

.hyou .tdline{
	background:url(images/hyouline.gif) repeat-x 0 center;
height:7px;}

.hyou .tdl{
	background:url(images/tdlbg.gif) repeat-y right center;
padding:3px 5px 3px 0px;}

.hyou .tdlist{
background:url(images/list02.gif) no-repeat 5px 12px;
	padding:3px 5px 3px 18px;
	text-align:left;}

.hyou td table td{
text-align:left;
	padding:0px 5px 0px 0px;}

.hyou2 td{
	padding:5px 5px 5px 5px;
border-bottom:1px solid #333333;
text-align:center;
border-right:1px solid #333333;}
.hyou2 td.tdl{
background:#F9F9F9;
text-align:center;}
.hyou2 td.tdt{
background:#EAEAEA;
color:#333333;
text-align:center;}
.hyou2 td.tleft{
text-align:left;
padding:5px 5px 5px 15px;}

.hyou2 table{border:1px solid #333333;}
/*fontのスタイル*/
.txtb{
font-weight:bold;
}
.txtgreen{
color:#89AB02;}

.txtgreenb {
color:#8FAF10;
font-weight:bold;
}

.txtred{
color:#E53F1E;
}
.txt10{
font-size:10px;}

.txt8{
font-size:8px;}

.txt14{
font-size:14px;
font-weight:bold;}
/*float alignのスタイル*/
.fleft{
float:left;
text-align:left;
}

.fright{float:right;}

.tcenter{text-align:center;}
.tleft{text-align:left;}
.tright{text-align:right;}
.tcenter{
	text-align:center;
	vertical-align: top;
}
.clear{clear:both;}
.vtop{vertical-align:top;}

.graybox{
background:#EAEAEA;
text-align:center;}

.graybox p{
text-align:center;
padding:5px 0;}

.t_gborder {
	border: 1px solid #CCC;
	padding: 10px;
	text-align: left;
}

/*margin paddingのスタイル*/
.mt5{margin:5px 0px 0px;}
.mt7{margin:7px 0px 0px;}
.mt10{margin:10px 0px 0px;}
.mt12{margin:12px 0px 0px;}
.mt15{margin:15px 0px 0px;}
.mt20{margin:20px 0px 0px;}
.mt25{margin:25px 0px 0px;}
.mt30{margin:30px 0px 0px;}
.mt40{margin:40px 0px 0px;}
.mt50{margin:50px 0px 0px;}

.mu2{margin:0px 0px 2px;}
.mu3{margin:0px 0px 3px;}
.mu5{margin:0px 0px 5px;}
.mu7{margin:0px 0px 7px;}
.mu8{margin:0px 0px 8px;}
.mu10{margin:0px 0px 10px;}
.mu12{margin:0px 0px 12px;}
.mu14{margin:0px 0px 14px;}
.mu15{margin:0px 0px 15px;}
.mu18{margin:0px 0px 18px;}
.mu20{
margin:0px 0px 20px;
text-align: left;
}
.mu25{margin:0px 0px 25px;}
.mu26{margin:0px 0px 26px;}
.mu28{margin:0px 0px 28px;}
.mu30{margin:0px 0px 30px;}
.mu40{margin:0px 0px 40px;}
.mu41{margin:0px 0px 41px;}
.mu45{margin:0px 0px 45px;}
.mu50{margin:0px 0px 50px;}
.mu51{margin:0px 0px 51px;}
.mu60{margin:0px 0px 60px;}
.mu70{margin:0px 0px 70px;}
.mu100{margin:0px 0px 100px;}
.mu200{margin:0px 0px 200px;}
.mu500{margin:0px 0px 500px;}
.mtu5{margin:5px 0px 5px;}
.mtu30{margin:30px 0px 30px;}
.mtu10{margin:10px 0px 10px;}

.pl5{padding:0px 0px 0px 5px;}
.pl7{padding:0px 0px 0px 7px;}
.pl10{padding:0px 0px 0px 10px;}
.pl20{padding:0px 0px 0px 20px;}

/*widthのスタイル*/

.w176r{
	width:176px;
	float:right;}

.w180{
	width:180px;
	margin:0 auto;}

.w188{
	width:188px;
	margin:0 auto;}
.w210r{
	width:210px;
	float:right;}

.w230l{
	width:230px;
	float:left;}
.w230r{
	width:230px;
	float:right;}
.w240l{
	width:240px;
	float:left;}
.w240r{
	width:240px;
	float:right;}
.w250l{
	width:250px;
	float:left;}
.w280r{
	width:280px;
	float:right;}
.w280l{
	width:280px;
	float:left;}
.w290l{
	width:290px;
	float:left;}
w324l{
	width:324px;
	float:left;}
.w335l{
width:335px;
float:left;}

.w350{
	width:350px;
	margin:0 auto;}
.w370l{
	width:370px;
	float:left;}
.w370r{
	width:370px;
	float:right;}
.w400r{
	width:400px;
	float:right;}
.w410l{
	width:410px;
	float:left;}
.w455l{
	width:455px;
	float:left;}
.w455r{
	width:455px;
	float:right;}
.w475l{
	width:475px;
	float:left;}
.w480r{
	width:480px;
	float:right;}
.w510l{
	width:510px;
	float:left;}
.w510r{
	width:510px;
	float:right;}
.w515{
	width:515px;
	margin:0 auto;}
.w535l{
	width:535px;
	float:left;}
.w546r{
	width:546px;
	float:right;}

.w720{
	width:720px;
	margin:0 auto;}

.w1000{
	width:1000px;
	margin:0 auto;}