@charset "utf-8";


/*全体の設定
---------------------------------------------------------------------------*/
body {
	color: #373737;
	font-size: 14px;
	font-family:  'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', "メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	line-height: 1.9;
	-webkit-text-size-adjust:100%;
	border-top:5px solid #2590cd;
	background:url(../img/bg.png) left bottom repeat-x #FFF;
}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a { color:#1f4e91; }
a:hover { color:#E02E81; }

/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#wrapper {
	width: 1220px;	/*ボックス幅*/
	margin: 0 auto 0;
}

/*ヘッダー
---------------------------------------------------------------------------*/
#header {
	
}
#headerbox {
	float:left;
	width:900px;
}
#headerbox h1 {
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	padding:5px 0;
	color:#27a247;
}
#headerbox .logo {
	float:left;
	margin-top:10px;
}
.sp { display:none; }
.tab { display:none; }

#telbox { 
	width:300px;
	float:right;
}
#telbox .contact {
	border-radius: 0px 0px 5px 5px;
	background:url(../img/mail.png) 10px 5px no-repeat #FC7703;
	padding:4px 4px 4px 55px;
	font-size:0.9em;
	margin-left:90px;
	width:145px;
}
#telbox .contact a {
	color:#FFF;
	text-decoration:none;
}
#telbox .contact a:hover {
	color:#FFF500;
}
#header nav {
	clear:both;
}
#header .telno {
	margin-top:7px;
}

/*メインメニュー
---------------------------------------------------------------------------*/
/*メニューブロックの設定*/

#menu ul li a {
	float:left;
	text-decoration: none;
	color:#16561C;
	text-align:center;
	font-size:1.15em;
	border-top: 1px solid #ccc; 
	border-bottom: 1px solid #ccc; 
	display: block; 
	padding-top:20px;
	padding-right:10px;
	padding-bottom:14px;
}

#menu ul li.menu01 a { width:140px; background:url(../img/menuicon01.png) no-repeat 30px 16px #EBF7EC;padding-left:40px;}
#menu ul li.menu02 a { width:115px; background:url(../img/menuicon02.png) no-repeat 30px 16px #EBF7EC;padding-left:40px;}
#menu ul li.menu03 a { width:175px; background:url(../img/menuicon03.png) no-repeat 25px 16px #EBF7EC;padding-left:50px;}
#menu ul li.menu04 a { width:160px; background:url(../img/menuicon04.png) no-repeat 30px 16px #EBF7EC;padding-left:40px;}
#menu ul li.menu05 a { width:160px; background:url(../img/menuicon05.png) no-repeat 25px 18px #EBF7EC;padding-left:40px;}
#menu ul li.menu06 a { width:160px; background:url(../img/menuicon06.png) no-repeat 30px 16px #EBF7EC;padding-left:40px;}

#menu ul li a:hover {
	background:#C9EBF4;
	color:#1f4e91;
}

#menu ul li.menu01 a:hover { background:url(../img/menuicon01_hover.png) no-repeat 30px 16px #C9EBF4; }
#menu ul li.menu02 a:hover { background:url(../img/menuicon02_hover.png) no-repeat 30px 16px #C9EBF4; }
#menu ul li.menu03 a:hover { background:url(../img/menuicon03_hover.png) no-repeat 25px 16px #C9EBF4; }
#menu ul li.menu04 a:hover { background:url(../img/menuicon04_hover.png) no-repeat 30px 16px #C9EBF4; }
#menu ul li.menu05 a:hover { background:url(../img/menuicon05_hover.png) no-repeat 25px 18px #C9EBF4; }
#menu ul li.menu06 a:hover { background:url(../img/menuicon06_hover.png) no-repeat 30px 16px #C9EBF4; }

#menu ul li ul li { display:none; }

/*トップページコンテンツ
---------------------------------------------------------------------------*/
#contents {
	clear:both;
}

#contents section {
	width:378px;
	float:left;
	margin:10px;
	border:1px solid #CCC;
	padding:3px;
}

#contents section h2 {
	color:#2590cd;
	font-size:1.2em;
	font-weight:bold;
	border-bottom:1px dotted #25b768;
	margin-left:10px;
	margin-right:10px;
}
#contents section p {
	font-size:0.85em;
	margin:10px;
}

#contents h2.h2_reform {
	background:url(../reform/img/bg_title.png) no-repeat top left;
	padding:25px 0 10px 320px;
	color:#25b768;
	font-size:2.2em;
	height:65px;
}

#contents h2.h2_works {
	background:url(../works/img/bg_title.png) no-repeat top left;
	padding:25px 0 10px 250px;
	color:#2590cd;
	font-size:2.2em;
	height:65px;
	letter-spacing:1.05em;
}

#contents h2.h2_service {
	background:url(../service/img/bg_title.png) no-repeat top left;
	padding:25px 0 10px 250px;
	color:#2590cd;
	font-size:2.2em;
	height:65px;
	letter-spacing:0.5em;
}

#contents h2.h2_profile {
	background:url(../about/img/bg_title.png) no-repeat top left;
	padding:25px 0 10px 250px;
	color:#777;
	font-size:2.2em;
	height:65px;
	letter-spacing:0.5em;
}

#contents h2.h2_faq {
	background:url(../faq/img/bg_title.png) no-repeat top left;
	padding:25px 0 10px 250px;
	color:#367D3B;
	font-size:2.2em;
	height:65px;
	letter-spacing:0.5em;
}


#contents h3 {
	padding:10px 0 0 10px;
	color:#0C6197;
	font-size:1.6em;
	font-weight:bold;
	border-bottom:3px double #0C6197;
	margin-bottom:15px;
	
}

#contents h4 {
	padding:10px;
	color:#FF5F00;
	font-size:1.2em;
	font-weight:bold;
	border:2px solid #FF5F00;
	margin-bottom:15px;
	background:url(../img/webdiza_y.gif);
	text-align:center;
}

#contents h5 {
	padding:10px;
	color:#415B39;
	font-size:1.2em;
	border:1px solid #6F7E5D;
	margin-bottom:15px;
	background-color:#CADBC5;
	text-align:center;
}


/*フッター設定
---------------------------------------------------------------------------*/
footer {
	clear: both;
	letter-spacing: 0.2em;
	line-height:1.5;
}

#flogo {
	float:left;
	width:300px;
	padding:20px 0 0 20px;
}

#flogo .contact {
	border-radius: 5px 5px 5px 5px;
	background:url(../img/mail.png) 10px 8px no-repeat #FC7703;
	padding:10px 4px 8px 55px;
	font-size:0.9em;
	width:170px;
	margin-top:3px;
}
#flogo .contact a { color:#FFF; }
ul.flist {
	width:900px;
	float:right;
	margin-top:30px;
}
ul.flist li {
	float:left;
	padding:0 10px;
}
ul.flist li h2 {
	font-weight:bold;
	color:#2F5A9C;
	margin-bottom:5px;
}
ul.flist li ul li {
	float:none;
	background:url(../img/listmark01.gif) no-repeat 3px 5px;
	padding-left:20px;
	margin:0 0 5px 10px;
}
footer a {
	text-decoration: none;
}
#fbottom {
	clear:both;
	display:block;
}

.copy { 
	text-align:right;
	font-size:0.8em;
}
.pagetop {
	text-align:right;
	margin:20px 0;
}


/* パンくずリスト
---------------------------------------------------------------------------*/
#breadcrumb {
	margin:5px;
	text-align:right;
}
#breadcrumb ul li {
	float:left;
	font-size:0.85em;
	background:url(../img/listmark01.gif) no-repeat 5px 6px;
	font-weight:bold;
	padding-left:20px;
	padding-bottom:10px;
}
#breadcrumb li.home {
	background:none;
	padding-left:0;
}
#breadcrumb li a {
	font-weight:normal;
	text-decoration:none;
}

/* 下層ページスタイル
---------------------------------------------------------------------------*/
p.intro {
	margin:20px 0;
	border:1px solid #CCC;
	padding:10px;
	background:url(../img/bg_intro.gif);
}
ul.btnul li {
	float:left;
	width:365px;
	margin:15px;
	padding:15px 0;
	text-align:center;
	font-size:1.4em;
	font-weight:bold;
	border:1px solid #CCC;
}

ul.btnul li.btn01 { background-color:#9BCDA9;}
ul.btnul li.btn02 { background-color:#EFC5E1; }
ul.btnul li.btn03 { background-color:#F3C899; }

ul.btnul li.btn01 a { color:#367D3B; }
ul.btnul li.btn02 a { color:#C854E3; }
ul.btnul li.btn03 a { color:#FF5F00; }

ul.btnul li.btn01 a:hover { color:#163D19; }
ul.btnul li.btn02 a:hover { color:#B20AFC; }
ul.btnul li.btn03 a:hover { color:#ED2127; }

#contents #worksindex section {
	width:272px;
	float:left;
	margin:10px;
	border:1px solid #CCC;
	padding:5px;
	border-top:3px solid #25b768;
	border-right:1px dotted #25b768;
	border-left:1px dotted #25b768;
	border-bottom:1px dotted #25b768;
	position:relative;
}

#contents #worksindex section h3 {
	color:#FFF;
	padding:8px;
	width:120px;
	position:absolute;
	top:0;
	left:0;
	z-index:9999;
	font-size:0.8em;
	font-weight:normal;
	border:none;
	text-align:center;
}
#contents #worksindex section h3.type01 { background-color:#2590cd; }
#contents #worksindex section h3.type02 { background-color:#7D337F; }
#contents #worksindex section h3.type03 { background-color:#7A4918; }
#contents #worksindex section h3.type04 { background-color:#2B8335; }
#contents #worksindex section h3.type05 { background-color:#FF5F00; }
#contents #worksindex section h3.type06 { background-color:#C83648; }

#contents #worksindex section h4 {
	background:url(../img/mark01.png) repeat-y top left;
	padding:8px 0 5px 20px;
	color:#0C6197;
	border:none;
	text-align:left;
	font-weight:normal;
	font-size:0.95em;
	margin:0;
}
#contents #worksindex section img {
	position:relative;
	top:0;
	left:0;
	z-index:99;
}
#contents #worksindex section p {
	margin:0 5px 5px 0;
	text-align:right;
	color:#111;
}

#before {
	width:300px;
	float:left;
}
#before span {
	background-color:#679C91;
	color:#2E4A46;
	padding:5px;
}

#after {
	width:900px;
	float:left;
	margin-left:20px;
	margin-bottom:40px;
}
#after span {
	background-color:#C440AF;
	color:#FFF;
	padding:5px;
}

#before img, #after img {
	border:3px solid #CCC;
	margin:0 10px 10px 0;
}

ul.reformul li {
	width:360px;
	margin:10px;
	float:left;
	border:1px solid #CCC;
	padding:10px;
	text-align:center;
}
ul.reformul li img {
	display:block;
	margin:5px auto;
}
ul.reformul li a {
	color:#16561C;
	font-size:1.15em;
	font-weight:bold;
}
ul.reformul li p {
	text-align:left;
	margin:15px 0;
}

ul.serviceul li {
	width:260px;
	margin:10px;
	float:left;
	border:1px solid #CCC;
	padding:10px;
	text-align:center;
}
ul.serviceul li img {
	display:block;
	margin:5px auto;
}
ul.serviceul li a {
	color:#395278;
	font-size:1.15em;
	font-weight:bold;
}
ul.serviceul li p {
	text-align:left;
}

#voice {
	margin:15px;
	border:3px solid #367D3B;
	padding:0 0 8px 0;
	background:url(../img/webdiza_grn.gif);
}
#voice span {
	background-color:#367D3B;
	color:#FFF;
	font-weight:bold;
}
#voice p {
	margin:10px;
	color:#225125;
	font-weight:bold;
}
.textbox {
	border:1px solid #999;
	padding:10px;
	font-size:1.2em;
}
#contactbox {
	padding:20px;
	background:#FFF;
}
#contactbox .mailbox {
	float:left;
	margin:30px 10px 10px 0;
	width:300px;
	border:1px solid #999;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background:url(../img/mail2.png) no-repeat 10px 5px #F7FDDF;
	box-shadow: 0 1px 3px #d3d3d3;
	-webkit-box-shadow: 0 1px 3px #d3d3d3;
	-moz-box-shadow: 0 1px 3px #d3d3d3;
	padding:20px 0 20px 60px;
	font-weight:bold;
	font-size:1.2em;
	text-align:center;
	color:#EC4201;
}
#contactbox .mailbox a { color:#FF5F00; }

#contactbox .telnobox {
	float:right;
	width:700px;
	font-size:2.5em;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	border:1px solid #999;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 1px 3px #d3d3d3;
	-webkit-box-shadow: 0 1px 3px #d3d3d3;
	-moz-box-shadow: 0 1px 3px #d3d3d3;
	padding:15px;
	text-align:center;
	margin:30px 10px 30px 0;
	background:url(../img/staff2.png) no-repeat 20px 15px #BFDEEB;
	color:#0E46A8;
}
#contactbox .telnobox div {
	font-size:0.6em;
	font-weight:normal;
}
#QandA-1 {
	width: 100%;
}

#QandA-1 dt {
	background:#4084BC;
	color: #fff;
	padding: 10px;
	border-radius: 3px;
}
#QandA-1 dt:before {
	content: "Q.";
	font-weight: bold;
	margin-right: 8px;
}
#QandA-1 dd {
	margin: 24px 16px 40px 32px;
	line-height: 140%;
	text-indent: -24px;
	padding:15px;
	border-bottom:1px dotted #4084BC;
}
#QandA-1 dd:before {
	content: "A.";
	font-weight: bold;
	margin-right: 8px;
}
.bugimg {
	float:left;
	border:1px solid #CCC;
	padding:3px;
}
input.size1 { width:80%; margin-bottom:15px; }
input.size2 { width:30%; margin-bottom:15px; }
textarea { width:80%; }