/*
Theme Name: INATEC
Theme URI: http://www.inatec.biz
Description: Word Press.
Author: Inatec
*/

/* CSS Document */

/* ******************************************************************************
 *	CSSの初期化
 * *****************************************************************************/

* {
	margin: 0;
	padding: 0;
}

html, body {
font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	margin: 0;
	padding: 0;
	font-size: 100%;
}




h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}


table, caption, th, td {
	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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: inherit;
	font-size: 100%;
}


/* ******************************************************************************
 *	共通のCSS
 * *****************************************************************************/

	
a{	color:#066;
	text-decoration:underline;
	outline:0;
}

a:hover{color:#0AA;
	text-decoration:none;
}

li{
	list-style-type:none;
}

div#content div.cate_box{
	margin-bottom:15px;
	clear:both;
	overflow:hidden;
}

div#pan{
	background:url("./images/pan.gif") repeat;
width:665px;
height:21px;
font-size:10px;
padding:3px 0 0 5px;
margin-bottom:10px;
color:#000;
}

div.single02_bg01 div#pan{
	background:url("./images/pan.gif") repeat;
width:955px;
height:21px;
font-size:10px;
padding:3px 0 0 5px;
margin-bottom:10px;
color:#000;
}

/* ******************************************************************************
 *	大枠のCSS
 * *****************************************************************************/

body{
	color:#555;
	padding:0;
	font-size:78%;
}


/*①[div#container]-*/


div#container{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}


/*②[div#header]-*/

div.home div#header{
	width:1000px;
	height:450px;
}

div.home div.header_01{
	width:1000px;
	height:75px;
	background:url("./images/header_bg.gif") no-repeat;
}

div.home div.header_01 h1{
	width:180px;
	height:75px;
	float:left;
	text-indent:-9999px;
}

div.home div.header_01 h1 a{
	width:180px;
	height:75px;
	display:block;
}

div.home div.header_01 h1 a:hover{
	background:url("./images/header_bg_01a.gif") no-repeat;
}

div.other div.header_01{
	width:1000px;
	height:75px;
	background:url("./images/header_bg01.gif") no-repeat;
}

div.other div.header_01 h1{
	width:410px;
	height:75px;
	float:left;
	text-indent:-9999px;
}

div.other div.header_01 h1 a{
	width:410px;
	height:75px;
	display:block;
}

div.other div.header_01 h1 a:hover{
	background:url("./images/header_bg_02a.gif") no-repeat;
}

div.header_01 ul{
	width:400px;
	height:30px;
	float:right;
	margin:5px 20px 0 0;
}

div.header_01 ul li{
	width:100px;
	height:30px;
	text-indent:-9999px;
	float:left;
}

div.header_01 ul li a{
	width:100px;
	height:30px;
	display:block;
}

div.header_01 ul li.menu01,
div.header_01 ul li.menu01 a{
	background:url("./images/header_menu01.gif") no-repeat;
}

div.header_01 ul li.menu01 a:hover{
	background:url("./images/header_menu01a.gif") no-repeat;
}

div.header_01 ul li.menu02,
div.header_01 ul li.menu02 a{
	background:url("./images/header_menu02.gif") no-repeat;
}

div.header_01 ul li.menu02 a:hover{
	background:url("./images/header_menu02a.gif") no-repeat;
}

div.header_01 ul li.menu03,
div.header_01 ul li.menu03 a{
	background:url("./images/header_menu03.gif") no-repeat;
}

div.header_01 ul li.menu03 a:hover{
	background:url("./images/header_menu03a.gif") no-repeat;
}

div.header_01 ul li.menu04,
div.header_01 ul li.menu04 a{
	background:url("./images/header_menu04.gif") no-repeat;
}

div.header_01 ul li.menu04 a:hover{
	background:url("./images/header_menu04a.gif") no-repeat;
}

div.header_01 p{
	display:none;
}

div.header_02{
	clear:both;
	width:1000px;
}

div.home div.header_02{
	height:310px;
	background:url("./images/index_bg.gif") no-repeat left top;
	padding-top:65px;
}

div.home div.header_02 p{
	width:339px;
	height:237px;
	margin-bottom:17px;
}


/***各ページheader画像**************/

div.other div.header_02{
	height:56px;
	padding-top:114px;
}

div.other_p div.header_02{
	background:url("./images/other_bg.gif") no-repeat left top;
}

div.single02_bg div.header_02{
	background:url("./images/single02/single02_bg.gif") no-repeat left top;
}

div.blog_bg div.header_02{
	background:url("./images/blog/blog_bg.gif") no-repeat left top;
}

div.news_bg div.header_02{
	background:url("./images/news/news_bg.gif") no-repeat left top;
}



div.header_02 ul{
	width:992px;
	height:56px;
	padding:0 4px;
}

div.header_02 ul li{
	height:56px;
	text-indent:-9999px;
	float:left;
}

div.header_02 ul li a{
	height:56px;
	display:block;
}

div.header_02 ul li.menu05,div.header_02 ul li.menu05 a,
div.header_02 ul li.menu06,div.header_02 ul li.menu06 a,
div.header_02 ul li.menu07,div.header_02 ul li.menu07 a,
div.header_02 ul li.menu08,div.header_02 ul li.menu08 a{
	width:198px;
}

div.header_02 ul li.menu09,
div.header_02 ul li.menu09 a{
	width:200px;
}

div.header_02 ul li.menu05{
	background:url("./images/header_menu05.png") no-repeat;
}

div.header_02 ul li.menu05 a:hover{
	background:url("./images/header_menu05a.png") no-repeat;
}

div.header_02 ul li.menu06{
	background:url("./images/header_menu06.png") no-repeat;
}

div.header_02 ul li.menu06 a:hover{
	background:url("./images/header_menu06a.png") no-repeat;
}

div.header_02 ul li.menu07{
	background:url("./images/header_menu07.png") no-repeat;
}

div.header_02 ul li.menu07 a:hover{
	background:url("./images/header_menu07a.png") no-repeat;
}

div.header_02 ul li.menu08{
	background:url("./images/header_menu08.png") no-repeat;
}

div.header_02 ul li.menu08 a:hover{
	background:url("./images/header_menu08a.png") no-repeat;
}

div.header_02 ul li.menu09{
	background:url("./images/header_menu09.png") no-repeat;
}

div.header_02 ul li.menu09 a:hover{
	background:url("./images/header_menu09a.png") no-repeat;
}

/*③[div#main]-*/

div#main{
	width:960px;
	overflow:hidden;
	padding:20px;
}

/*④[div#content]-*/

div#content{
	width:670px;
	padding-right:10px;
	float:left;
	background:url(./images/h_line.gif) repeat-y right top;
}

div.other div#content h3{
background:url(./images/title.gif) repeat-y right top;
width:610px;
height:35px;
font-size:140%;
font-weight:bold;
color:#000;
margin-bottom:10px;
padding:15px 0 0 60px;
}

/*⑤[div#sidebar]-*/

div#sidebar{
	width:260px;
	float:right;
	padding-left:20px;
}

div#sidebar div#side01 ul li img{
	width:260px;
	height:70px;
}

/*⑥[div#footer]-*/

div#footer{
width:100%;
height:140px;
clear:both;
background:url(./images/footer_bg.gif) repeat-x left bottom;
}


div#footer div#foot01{
	width:260px;
	padding:5px 20px 0px 720px;
	margin-left:auto;
	margin-right:auto;
}


div#footer div#foot02{
	width:980px;
	padding:0 10px;
	margin-left:auto;
	margin-right:auto;
}


div#footer div#foot01 ul{
width:260px;
height:30px;
}

div#footer div#foot01 ul li{
	float:left;
height:30px;
text-indent:-9999px;
}

div#footer div#foot01 ul li a{
display:block;
height:30px;
}

div#footer div#foot01 ul li.menu01,
div#footer div#foot01 ul li.menu01 a{
background:url(./images/footer_menu01.gif) no-repeat;
width:60px;
}

div#footer div#foot01 ul li.menu01 a:hover{
background:url(./images/footer_menu01a.gif) no-repeat;
}

div#footer div#foot01 ul li.menu02,
div#footer div#foot01 ul li.menu02 a{
background:url(./images/footer_menu02.gif) no-repeat;
width:100px;
}

div#footer div#foot01 ul li.menu02 a:hover{
background:url(./images/footer_menu02a.gif) no-repeat;
}

div#footer div#foot01 ul li.menu03,
div#footer div#foot01 ul li.menu03 a{
background:url(./images/footer_menu03.gif) no-repeat;
width:100px;
}

div#footer div#foot01 ul li.menu03 a:hover{
background:url(./images/footer_menu03a.gif) no-repeat;
}


div#footer div#foot02_left{
	float:left;
	width:695px;
	overflow:hidden;
}


div#footer div#foot02_left h3{
	float:left;
	text-indent:-9999px;
	width:260px;
	height:105px;
	background:url("images/footer_title.png") no-repeat;
}


div#footer div#foot02_left ul{
	float:right;
	width:425px;
	height:90px;
	overflow:hidden;
	padding:15px 0 0 10px;
}


div#footer div#foot02_left ul li{
font-size:11px;
line-height:1.25;
color:#5C7176;
}


div#footer div.page_top{
	float:right;
	width:130px;
	height:86px;
	margin:10px 15px 0 0;
}


/* ******************************************************************************
 *	homeのCSS (home.php)
 * *****************************************************************************/

div.home div#content div#cate01{
	width:340px;
	float:left;
}

div.home div#content div#cate01 h2{
	width:320px;
	height:50px;
	text-indent:-9999px;
	background:url("./images/index/example_title.gif") no-repeat;
	margin-bottom:15px;
}

div.home div#content div#cate01 ul{
	width:340px;
	overflow:hidden;
}

div.home div#content div#cate01 ul li{
	width:150px;
	margin-right:20px;
	padding-bottom:20px;
	float:left;
}

div.home div#content div#cate01 ul li img{
	width:140px;
	height:105px;
	padding:4px;
	background:#E3E3E3;
	border:1px solid #CCC;
}

div.home div#content div#cate01 ul li span{
	display:block;
	padding-top:5px;
}

div.home div#content div#cate01 ul li span a{
	font-size:11px;
}

div.home div#content div#cate01 ul li span em{
	color:#333;
	display:block;
	margin-bottom:5px;
}

div.home div#content div#cate02{
	width:320px;
	padding-left:10px;
	float:right;
	background:url("./images/h_line.gif") repeat-y left top;
}

div.home div#cate02 div{
	margin-bottom:20px;
}

div.home div#cate02 div h2{
	text-indent:-9999px;
	height:75px;
}

div.home div#cate02 div h3{
	text-indent:-9999px;
	font-size:0;
}

div.home div#cate02 div ul li{
	padding:0 5px 5px 5px;
	font-size:11px;
	background:url("./images/w_line.gif") repeat-x left bottom;
	margin-bottom:10px;
}

div.home div#cate02 div ul li span{
	display:inline-block;
	padding-right:5px;
}

div.home div#cate02 div.fhase01 h2{
	background:url("./images/index/news_title.gif") no-repeat;
	width:180px;
}

div.home div#cate02 div.fhase01 p{
	margin-bottom:15px;
	padding:0 4px;
	color:#333;
}

div.home div#cate02 div.fhase02 h2{
	background:url("./images/index/blog_title.gif") no-repeat;
	width:210px;
}
	

/* ******************************************************************************
 *	エクステリアメニュー一覧のCSS（page.php で適用）
 * ******************************************************************************/

/*
div.ex_menu div#cate01 h3{
background:url("./images/menu/h3.gif") no-repeat;
}
*/

div.ex_menu div#cate01 p.explanation{
margin:10px;
}

div.ex_menu div#cate01 div#fhase01{
}

div.ex_menu div#cate01 div#fhase01 div.heightLine{
width:304px;
float:left;
margin-top:5px;
margin-right:15px;
margin-left:5px;
margin-bottom:15px;
line-height:1.5;
}

div.ex_menu div#cate01 div#fhase01 div.heightLine img{
width:280px;
height:120px;
padding:10px;
margin-bottom:4px;
background:#FFF;
border:1px solid #DDD;
}

div.ex_menu div#cate01 div#fhase01 div.heightLine a:hover img{
background:#CCC;
}

div.ex_menu div#cate01 div#fhase01 div.heightLine span{
display:inline-block;
margin:0 5px;
}

div.ex_menu div#cate01 p.explanation01{
font-size:small;
margin:40px 10px;
clear:both;
}

div.ex_menu_01 div.cate_box p{
margin:10px 20px 20px 25px;
line-height:1.7;
padding-top:10px;
}

div.ex_menu_01 div.cate_box ul{
padding:20px 0 5px 8px;
overflow:hidden;
background:url("./images/menu01/ul_back.gif") no-repeat right top;
}


* html div.ex_menu_01 div.cate_box ul{
padding:20px 0 5px 0px;
overflow:hidden;
background:none;
}


div.ex_menu_01 div.cate_box ul li{
width:180px;
height:135px;
background:url("./images/menu01/img_bg.gif") no-repeat;
padding:6px;
float:left;
margin:0 0 10px 10px;
}

/* ******************************************************************************
 *	※※エクステリアメニュー外構工事以外のページで適用
 * ******************************************************************************/


div.ex_menu_other div.cate_box p.explanation{
margin:25px 15px;
font-size:small;
line-height:1.5;
}

div.ex_menu_other div.cate_box ul{
overflow:hidden;
padding:20px 0 0 15px;
background:url("./images/menu01/ul_back01.gif") no-repeat right top;
}

div.ex_menu_other div.cate_box ul li{
width:292px;
float:left;
margin-right:25px;
margin-bottom:30px;
}

div.ex_menu_other div.cate_box ul li img{
width:280px;
height:210px;
padding:6px;
background:url("./images/menu01/img_bg01.gif") no-repeat;
margin-bottom:3px;
}

div.ex_menu_other div.cate_box ul li span{
background:url("./images/menu01/nav.gif") no-repeat left center;
padding:3px 0 3px 22px;
}

div.ex_menu_other div.cate_box p.detail{
width:239px;
height:41px;
text-indent:-9999px;
display:block;
background:url("./images/menu01/detail.gif") no-repeat;
margin:10px 0 10px 380px;
clear:both;
}

div.ex_menu_other div.cate_box p.detail a{
width:239px;
height:41px;
display:block;
}

div.ex_menu_other div.cate_box p.detail a:hover{
background:url("./images/menu01/detaila.gif") no-repeat;
}

/* ******************************************************************************
 *	01-A、施工事例（一覧）ページのCSS（category.php）
 * ******************************************************************************/


div.category div.cate_box{
width:670px;
margin-top:15px;
padding:13px 0px 0 0px;
overflow:hidden;
}

div.category div.cate_box h3{
font-size:16px;
color:#000;
font-weight:bold;
margin-left:0px;
margin-bottom:20px;
}

div.category div.cate_box div.heightLine{
width:162px;
float:left;
padding-top:5px;
margin-right:5px;
margin-bottom:20px;
}

div.category div.cate_box div.heightLine img{
width:152px;
height:112px;
padding:4px;
margin-bottom:5px;
background:/*url("./images/single02/cate02_back.gif") repeat*/ #FFF;
border:1px solid #DDD;
}

div.category div.cate_box div.heightLine img a:hover{
background:#DDD;
border:1px solid #DDD;
}

div.category div.cate_box div.heightLine h4{
margin-left:6px;
}


/* ******************************************************************************
 *	01-B、施工事例（詳細）ページのCSS（single.php）
 * ******************************************************************************/

div.single02_bg01 div#cate01{
overflow:hidden;
width:960px;
}

div.single02_bg01 div#cate01 h3{
background:url("./images/single02/title_bg.gif") no-repeat;
height:35px;
width:885px;
font-weight:bold;
font-size:130%;
color:#000;
padding:15px 0 0 55px;
margin-bottom:25px;
margin-left:10px;
margin-right:10px;
}

div.single02_bg01 div#detail_02{
width:920px;
margin-left:20px;
margin-right:20px;
margin-bottom:25px;
clear:both;
overflow:hidden;
color:#000;
}

div#detail_02_left{
float:left;
width:510px;
}

div#detail_02_right{
float:right;
width:390px;
padding-left:20px;
}

div#detail_02_right h4{
width:240px;
height:40px;
text-indent:-9999px;
margin-bottom:10px;
padding-top:5px;
}

div#detail_02_right h4.title01{
background:url("./images/single02/h4_title01.gif") no-repeat left bottom;
}

div#detail_02_right h4.title02{
background:url("./images/single02/h4_title02.gif") no-repeat left bottom;
}

div#detail_02_left p img{
width:500px;
height:375px;
padding:4px;
border:1px solid #DDD;
background:#EEE;
display:block;
margin-bottom:3px;
}

div#detail_02_left p{
font-size:80%;
margin-bottom:10px;
}

div#detail_02_right p{
background:url("./images/w_line.gif") repeat-x left bottom;
padding:0 5px 15px 5px;
margin-bottom:25px;
line-height:1.5;
}

div#detail_02_right h5{
font-weight:bold;
font-size:130%;
color:#000;
margin-left:8px;
margin-bottom:15px;
}

div#detail_02_right p span.money{
padding-left:60px;
display:block;
background:url("./images/single02/money.gif") no-repeat left center;
font-size:120%;
color:#333;
}

div#detail_02_right table{
border-collapse:collapse;
width:390px;
}

div#detail_02_right table tr th{
width:65px;
padding:5px 5px 5px 10px;
text-align:left;
}

div#detail_02_right table tr td{
width:300px;
padding:5px;
text-align:left;
}

div#detail_02_right table tr.type0 th,
div#detail_02_right table tr.type0 td{
background:#EEE;
}

div#detail_02_left ul{
overflow:hidden;
padding-top:10px;
}

div#detail_02_left ul li{
float:left;
width:122px;
height:94px;
margin-right:4px;
padding-bottom:5px;
}

div#detail_02_left ul li img{
width:112px;
height:84px;
padding:4px;
border:1px solid #DDD;
background:#EEE;
}

div.single02_bg01 div#cate03{
clear:both;
overflow:hidden;
margin-left:15px;
}

div.single02_bg01 div#cate03 ul li{
float:left;
margin-right:10px;
width:224px;
height:36px;
text-indent:-9999px;
}

div.single02_bg01 div#cate03 ul li a{
width:224px;
height:36px;
display:block;
}

div.single02_bg01 div#cate03 ul li.menu01{
background:url("./images/single02/prev_off.gif") no-repeat;
}

div.single02_bg01 div#cate03 ul li.menu01 a:hover{
background:url("./images/single02/prev_on.gif") no-repeat;
}

div.single02_bg01 div#cate03 ul li.menu02{
background:url("./images/single02/list_off.gif") no-repeat;
}

div.single02_bg01 div#cate03 ul li.menu02 a:hover{
background:url("./images/single02/list_on.gif") no-repeat;
}


/* ******************************************************************************
 *	施工までの流れのCSS（page.php で適用）
 * ******************************************************************************/


div.ex_flow div#cate01 h3{
}

div.ex_flow div#cate02 h3{
}

div.ex_flow div#cate01 p.explanation{
line-height:1.5;
}

div.ex_flow div#cate01 div#fhase01{
background:url("./images/flow/h_line.gif") repeat-y;
width:601px;
margin-left:15px;
}

div.ex_flow div#cate01 ul {
width:601px;
background:url("./images/other_page/line.gif") repeat-x left top;
}

div.ex_flow div#cate01 ul li{
width:601px;
background:url("./images/other_page/line.gif") repeat-x left bottom;
padding-top:10px;
clear:both;
}

div.ex_flow div#cate01 ul li div h4{
height:43px;
text-indent:-9999px;
margin-bottom:15px;
}

div.ex_flow div#cate01 ul li div p{
margin:10px;
line-height:1.5;
}

div.ex_flow div#cate01 ul li div p a{
color:#C03;
}

div.ex_flow div#cate01 ul li div p strong{
font-weight:bold;
color:#5E7144;
}

div.ex_flow div#cate01 ul li.menu01 div{
background:url("./images/flow/img01.gif") no-repeat left bottom;
padding:10px 0 10px 130px;
margin:0 10px 0 30px;
width:431px;
}

div.ex_flow div#cate01 ul li.menu02 div{
background:url("./images/flow/img02.gif") no-repeat right top;
padding:10px 160px 10px 0;
margin:0 10px 0 10px;
width:421px;
}

div.ex_flow div#cate01 ul li.menu03 div{
background:url("./images/flow/img03.gif") no-repeat left bottom;
padding:20px 0 40px 170px;
margin:0 10px 0 30px;
width:391px;
}

div.ex_flow div#cate01 ul li.menu04 div{
background:url("./images/flow/img04.gif") no-repeat right top;
padding:10px 140px 10px 0;
margin:0 30px 0 10px;
width:421px;
}

div.ex_flow div#cate01 ul li.menu04 div p em{
width:400px;
height:42px;
text-indent:-9999px;
background:url("./images/flow/em01.gif") no-repeat left bottom;
display:block;
padding-top:15px;
}

div.ex_flow div#cate01 ul li.menu05 div{
background:url("./images/flow/img05.gif") no-repeat left bottom;
padding:15px 0 25px 190px;
margin:0 10px 0 1px;
width:400px;
}

div.ex_flow div#cate01 ul li.menu06 div{
background:url("./images/flow/img06.gif") no-repeat right bottom;
padding:10px 120px 10px 0;
margin:0 1px 0 10px;
width:470px;
}

div.ex_flow div#cate01 ul li.menu06 div p em{
width:353px;
height:21px;
text-indent:-9999px;
background:url("./images/flow/em02.gif") no-repeat left bottom;
display:block;
padding-top:15px;
}

div.ex_flow div#cate01 ul li.menu08 div{
background:url("./images/flow/img08.gif") no-repeat right bottom;
padding:10px 120px 20px 0;
margin:0 1px 0 10px;
width:470px;
}

div.ex_flow div#cate01 ul li.menu07 div{
background:url("./images/flow/img07.gif") no-repeat left center;
padding:15px 0 25px 185px;
margin:0 10px 0 0px;
width:406px;
}

div.ex_flow div#cate01 ul li.menu01 div h4{
background:url("./images/flow/title01.gif") no-repeat left bottom;
}


div.ex_flow div#cate01 ul li.menu02 div h4{
background:url("./images/flow/title02.gif") no-repeat left bottom;
}

div.ex_flow div#cate01 ul li.menu03 div h4{
background:url("./images/flow/title03.gif") no-repeat left bottom;
}

div.ex_flow div#cate01 ul li.menu04 div h4{
background:url("./images/flow/title04.gif") no-repeat left bottom;
height:48px;
}

div.ex_flow div#cate01 ul li.menu05 div h4{
background:url("./images/flow/title05.gif") no-repeat left bottom;
}

div.ex_flow div#cate01 ul li.menu06 div h4{
background:url("./images/flow/title06.gif") no-repeat left bottom;
}

div.ex_flow div#cate01 ul li.menu07 div h4{
background:url("./images/flow/title07.gif") no-repeat left bottom;
}

div.ex_flow div#cate01 ul li.menu08 div h4{
background:url("./images/flow/title08.gif") no-repeat left bottom;
}

div.ex_flow div.cate_box{
font-size:small;
}

div.ex_flow div#cate02 div#fhase01{
padding:15px;
} 

div.ex_flow div#cate02 div#fhase01 h4{
font-weight:bold;
width:572px;
height:21px;
background:url("./images/flow/h4.gif") no-repeat;
padding:5px 0 0 10px;
} 

div.ex_flow div#cate02 div#fhase01 p{
margin:10px 10px 30px 10px;
line-height:1.5;
}

/* ******************************************************************************
 *	お問い合わせ、無料相談、展示場　ページのCSS（page.php）
 * ******************************************************************************/

div.contact div.cate_box p.text{
margin:30px 10px 20px 20px;
}

div.contact div.cate_box p.text01{
float:right;
padding-right:15px;
padding-bottom:5px;
}

div.contact div.cate_box p.text01 em{
display:inline-block;
background:url("./images/contact/most.gif") no-repeat;
width:42px;
height:16px;
margin-right:3px;
text-indent:-9999px;
}

div.contact div.cate_box table{
border-collapse:collapse;
width:640px;
margin:0 0 20px 10px;
background:#FFF;
border-top:1px solid #CCC;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
color:#333;
clear:both;
}

div.contact div.cate_box table tr th,
div.contact div.cate_box table tr td{
border-bottom:1px solid #CCC;
}

div.contact div.cate_box table tr.type01 th,
div.contact div.cate_box table tr.type01 td{
background:#EEE;
}

div.contact div.cate_box table tr th{
text-align:right;
width:190px;
padding:8px 5px 8px 0;
line-height:1.2;
}

div.contact div.cate_box table tr td div.priva{
margin:10px;
height:110px;
overflow:auto;
background:#FFF;
border:1px solid #DDD;
padding:10px 5px;
line-height:1.7;
width:540px;
color:#555;
font-size:90%;
}

div.contact div.cate_box table tr td div.priva:hover{
background:#EDEDED;
border:1px solid #77AF18;
}

div.contact div.cate_box table tr td div.priva p{
margin-bottom:10px;
}


div.contact div.cate_box table tr td div.priva li br{
display:none;
}

div.contact div.cate_box table tr td div.priva li{
margin-bottom:15px;
}


div.contact div.cate_box table tr td div.priva li span{
display:block;
margin-bottom:0px;
}

div.contact div.cate_box table tr th p{
background:url("./images/contact/most01.gif") no-repeat left center;
}

div.contact div.cate_box table tr.priva td.priva span.wpcf7-list-item{
background:url("./images/contact/most01.gif") no-repeat left center;
display:block;
padding-left:70px;
width:240px;
margin-left:160px;
}

div.contact div.cate_box table tr th small{
display:block;
color:#999;
margin-top:3px;
}

div.contact div.cate_box table tr td{
text-align:left;
width:380px;
padding:8px 0 8px 10px;
}

div.contact div.cate_box table tr td span.wpcf7-list-item{
display:block;
line-height:1.4;
}

div.contact div.cate_box table tr td span.your-name,
div.contact div.cate_box table tr td span.your-email,
div.contact div.cate_box table tr td span.your-email-check,
div.contact div.cate_box table tr td span.textarea-106,
div.contact div.cate_box table tr td span.checkbox-953{
color:#C03;
}

div.contact div.cate_box table tr td span.wpcf7-list-item-label{
color:#333;
}

div.contact div.cate_box table tr td span.your-name input,
div.contact div.cate_box table tr td span.your-kana input,
div.contact div.cate_box table tr td span.your-tel input{
width:200px;
}

div.contact div.cate_box table tr td span.your-add input,
div.contact div.cate_box table tr td span.koji-otoi01 input,
div.contact div.cate_box table tr td span.koji-otoi02 textarea,
div.contact div.cate_box table tr td span.textarea-106 textarea{
width:350px;
}

div.contact div.cate_box table tr td span.your-email input,
div.contact div.cate_box table tr td span.your-email-check input{
width:300px;
}

div.contact div.cate_box table tr td span.your-name input,
div.contact div.cate_box table tr td span.your-kana input,
div.contact div.cate_box table tr td span.your-add input,
div.contact div.cate_box table tr td span.your-tel input,
div.contact div.cate_box table tr td span.your-email input,
div.contact div.cate_box table tr td span.your-email-check input,
div.contact div.cate_box table tr td span.textarea-106 textarea,
div.contact div.cate_box table tr td span.koji-otoi01 input,
div.contact div.cate_box table tr td span.koji-otoi02 textarea{
border:1px solid #CCC;
background:#FFF;
padding:3px 2px;
display:block;
font-size:small;
color:#333;
}

div.contact div.cate_box table tr td span.your-name input:hover,
div.contact div.cate_box table tr td span.your-kana input:hover,
div.contact div.cate_box table tr td span.your-add input:hover,
div.contact div.cate_box table tr td span.your-tel input:hover,
div.contact div.cate_box table tr td span.your-email input:hover,
div.contact div.cate_box table tr td span.your-email-check input:hover,
div.contact div.cate_box table tr td span.textarea-106 textarea:hover,
div.contact div.cate_box table tr td span.koji-otoi01 input:hover,
div.contact div.cate_box table tr td span.koji-otoi02 textarea:hover{
background:#EEE;
border:1px solid #77AF18;
color:#333;
}

div.contact div.cate_box table tr td p.quet01,
div.contact div.cate_box table tr td p.quet02,
div.contact div.cate_box table tr td p.quet03,
div.contact div.cate_box table tr td p.quet04{
	display:block;
margin-bottom:10px;
clear:both;
overflow:hidden;
}

div.contact div.cate_box table tr td p span.quet01{
}


div.contact div.cate_box table tr td p span.wpcf7-list-item{
margin-right:10px;
margin-bottom:3px;
display:inline-block;
}

div.contact div.cate_box table tr td p span.wpcf7-list-item span.wpcf7-list-item-label{
	white-space:nowrap;
}

div.contact div.cate_box table tr td p em{
	font-size:90%;
color:#777;
display:block;
padding-bottom:5px;
}

div.wpcf7-response-output{
color:#C03;
margin:10px;
line-height:1.5;
}

span.wpcf7-not-valid-tip-no-ajax{
color:#C03;
}


div.contact div#cate02{
background:url("./images/guidance/cate01_bg.gif") no-repeat left bottom;
width:650px;
padding:20px 10px 90px 10px;
}

div.contact div#cate02 p{
line-height:1.8;
padding-bottom:15px;
}

div.contact div#cate03{
width:670px;
margin-bottom:30px;
}

div.contact div#cate03 ul{
width:670px;
overflow:hidden;
}

div.contact div#cate03 ul li img{
margin-bottom:3px;
}

div.contact div#cate03 ul li{
float:left;
}

div.contact div#cate03 ul li.menu01{
width:188px;
padding-right:1px;
}

div.contact div#cate03 ul li.menu01 img{
width:188px;
}

div.contact div#cate03 ul li.menu02{
width:180px;
padding-right:1px;
}

div.contact div#cate03 ul li.menu02 img{
width:180px;
}

div.contact div#cate03 ul li.menu03,
div.contact div#cate03 ul li.menu03 img{
width:300px;
}

div.contact div#cate03 ul li span{
display:block;
font-size:80%;
color:#000;
text-align:right;
}


/* ******************************************************************************
 *	イナテックのこだわり　ページのCSS（page.php）
 * ******************************************************************************/

div.feeling_page div.phase{
	margin-bottom:15px;
}

div.feeling_page div.phase h4{
width:630px;
height:77px;
text-indent:-9999px;
margin-bottom:10px;
}

div.feeling_page div.phase h4#title01{
background:url("./images/feeling/title01.gif") no-repeat;
}

div.feeling_page div.phase h4#title02{
background:url("./images/feeling/title02.gif") no-repeat;
}

div.feeling_page div.phase h4#title03{
background:url("./images/feeling/title03.gif") no-repeat;
}

div.feeling_page div.phase h4#title04{
background:url("./images/feeling/title04.gif") no-repeat;
}

div.feeling_page div.phase p{
margin:5px 10px;
line-height:1.5;
}

div.feeling_page div.phase p strong{
font-weight:normal;
font-size:110%;
color:#069;
}


/* ******************************************************************************
 *	リンク集　ページのCSS（links.php）
 * ******************************************************************************/

div.link div#cate01 ul li.linkcat h2{
text-indent:-9999px;
width:640px;
height:44px;
padding-bottom:6px;
}

div.link div#cate00{
clear:both;
width:598px;
border:1px solid #CCC;
background:url("./images/single02/cate02_back.gif") repeat;
padding:10px 10px 10px 20px;
margin:0 0 15px 0;
}

div.link div#cate00 ul{
width:598px;
overflow:hidden;
}

div.link div#cate00 ul li{
float:left;
background:url("./images/index/nav01.gif") no-repeat left center;
padding-left:15px;
margin-right:20px;
}

div.link div#cate01 ul li#linkcat-12{
background:url("images/link/title01.jpg") no-repeat left top;	
}

div.link div#cate01 ul li#linkcat-11{
background:url("images/link/title02.jpg") no-repeat left top;	
}

div.link div#cate01 ul li#linkcat-10{
background:url("images/link/title03.jpg") no-repeat left top;	
}

div.link div#cate01 ul li#linkcat-13{
background:url("images/link/title04.jpg") no-repeat left top;	
}


div.link div#cate01 ul li ul{
margin:2px 10px 20px 8px;
}

div.link div#cate01 ul li ul li{
line-height:1.9;
list-style-type:disc;
margin-left:10px;
}

/* ******************************************************************************
 *	個人情報保護　ページのCSS（privacy.php）
 * ******************************************************************************/

div.privacy div.cate_box{
font-size:small;
padding-left:20px;
}

div.privacy div.cate_box br{
display:none;
}


div.privacy div.cate_box p,
div.privacy div.cate_box li{
width:590px;
line-height:1.4;
margin-bottom:20px;
}

div.privacy div.cate_box span{
display:block;
margin-bottom:5px;
}

div.privacy div.cate_box h3{
margin-bottom:30px;
}

/* ******************************************************************************
 *	サイトご利用規約　ページのCSS（privacy.php）
 * ******************************************************************************/

div.about div.cate_box{
font-size:small;
padding-left:20px;
}

div.about div.cate_box br{
display:none;
}

div.about div.cate_box p,
div.about div.cate_box li{
width:590px;
line-height:1.4;
margin-bottom:20px;
}

div.about div.cate_box span{
display:block;
margin-bottom:5px;
}

div.about div.cate_box h3{
margin-bottom:30px;
}


/* ******************************************************************************
 *	会社案内　ページのCSS（page.php）
 * ******************************************************************************/

div.company_page div#bana01{
margin-bottom:30px;
}

div.company_page div#bana02{
overflow:hidden;
margin-bottom:100px;
}

div.company_page div#bana02 ul li{
margin:0 0 4px 0;
padding:0;
}

div.company_page div#bana02 ul.menu01{
width:310px;
float:left;
}

div.company_page div#bana02 ul.menu02{
width:310px;
float:right;
margin-right:30px;
}

div.company_page div#visual_other img#img01{
margin-bottom:20px;
}

div.company_page div#company_menu{
width:630px;
height:43px;
padding:15px 0;
}

div.company_page div#company_menu ul{
text-indent:-9999px;
width:622px;
margin-left:3px;
}

div.company_page div#company_menu ul li{
height:43px;
float:left;
}

div.company_page div#company_menu ul li a{
height:43px;
display:block;
}

div.company_page div#company_menu ul li.menu01{
width:125px;
background:url("./images/company/s_menu01_off.gif") no-repeat;
}

div.company_page div#company_menu ul li.menu01 a:hover,
div.company_page div#company_menu ul li#menu01{
width:125px;
background:url("./images/company/s_menu01.gif") no-repeat;
}

div.company_page div#company_menu ul li.menu02{
width:125px;
background:url("./images/company/s_menu02_off.gif") no-repeat;
}

div.company_page div#company_menu ul li.menu02 a:hover,
div.company_page div#company_menu ul li#menu02{
width:125px;
background:url("./images/company/s_menu02.gif") no-repeat;
}

div.company_page div#company_menu ul li.menu03{
width:125px;
background:url("./images/company/s_menu03_off.gif") no-repeat;
}

div.company_page div#company_menu ul li.menu03 a:hover,
div.company_page div#company_menu ul li#menu03{
width:125px;
background:url("./images/company/s_menu03.gif") no-repeat;
}

div.company_page div#company_menu ul li.menu04{
width:125px;
background:url("./images/company/s_menu04_off.gif") no-repeat;
}

div.company_page div#company_menu ul li.menu04 a:hover,
div.company_page div#company_menu ul li#menu04{
width:125px;
background:url("./images/company/s_menu04.gif") no-repeat;
}

div.company_page div#company_menu ul li.menu05{
width:121px;
background:url("./images/company/s_menu05_off.gif") no-repeat;
}

div.company_page div#company_menu ul li.menu05 a:hover,
div.company_page div#company_menu ul li#menu05{
width:121px;
background:url("./images/company/s_menu05.gif") no-repeat;
}

/***********01代表ご挨拶**********************/

div.company01 div#cate01{
width:566px;
height:412px;
background:url("./images/company/page02_bg.gif") no-repeat;
font-size:small;
padding:40px 30px 0 30px;
}

div.company01 div#cate01 h4{
width:518px;
height:59px;
background:url("./images/company/page02_text01.gif") no-repeat;
text-indent:-9999px;
margin-bottom:30px;
}

div.company01 div#cate01 p{
line-height:2.0;
}


/***********02スタッフ紹介**********************/

div.company02 div#cate01 div{
margin-bottom:20px;
margin-top:10px;
overflow:hidden;
}

div.company02 div#cate01 div p{
font-size:small;
line-height:1.4;
}

div.company02 div#cate01 div p strong{
text-indent:-9999px;
display:inline-block;
}

div.company02 div#cate01 div.type01{
background:url("./images/company/type01.gif") no-repeat;
width:423px;
padding-right:5px;
padding-left:200px;
height:140px;
padding-top:140px;
}

div.company02 div#cate01 div.type02{
background:url("./images/company/type02.gif") no-repeat;
width:628px;
height:160px;
padding-top:120px;
width:408px;
padding-right:200px;
padding-left:20px;
}

/***********03会社概要**********************/

div.company03 div#cate01 table{
border-collapse:collapse;
width:590px;
margin:0 0 20px 20px;
background:#FFF;
border-top:1px solid #CCC;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
color:#333;
clear:both;
font-size:small;
}

div.company03 div#cate01 table tr th,
div.company03 div#cate01 table tr td{
border-bottom:1px solid #CCC;
}

div.company03 div#cate01 table tr.type01 th,
div.company03 div#cate01 table tr.type01 td{
background:#EEE;
}

div.company03 div#cate01 table tr th{
text-align:center;
width:190px;
padding:12px 5px 12px 0;
border-right:1px solid #CCC;
}

div.company03 div#cate01 table tr td{
text-align:left;
width:380px;
padding:12px 0 12px 10px;
line-height:1.2;
}

/***********04アクセスマップ**********************/

div.company04 div#cate01 div#googlemap{
width:580px;
height:400px;
border:1px solid #CCC9D1;
}

div.company04 div#cate01 div#gmap{
width:582px;
height:402px;
padding:9px;
background:url("./images/company/map_bg.gif") no-repeat;
margin-left:15px;
margin-bottom:15px;
}

div.company04 div#cate01 div.exp{
margin-left:15px;
width:568px;
border:1px solid #CCC9D1;
background:url("./images/single02/cate02_back.gif") repeat;
padding:15px;
}

div.company04 div#cate01 div.exp p{
background:url("./images/company/page04_title.gif") no-repeat;
width:191px;
height:15px;
text-indent:-9999px;
margin-bottom:15px;
}

div.company04 div#cate01 div.exp ul{
margin-left:5px;
}

div.company04 div#cate01 div.exp ul li{
font-size:small;
line-height:1.6;
margin-bottom:7px;
padding-left:58px;
color:#444;
}

div.company04 div#cate01 div.exp ul li.add{
background:url("./images/company/nav01.gif") no-repeat left center;
}

div.company04 div#cate01 div.exp ul li.tel{
background:url("./images/company/nav02.gif") no-repeat left center;
}

div.company04 div#cate01 div.exp ul li.access{
background:url("./images/company/nav03.gif") no-repeat left center;
}

div.company04 div#cate01 div#access{
width:600px;
height:500px;
margin-left:15px;
margin-bottom:10px;
}


/***********05施工対応エリア**********************/

div.company05 div#cate01 div#access{
width:600px;
height:420px;
margin-left:15px;
margin-bottom:15px;
}

div.company05 div#cate01 div.exp{
margin-left:15px;
width:568px;
border:1px solid #CCC9D1;
background:url("./images/single02/cate02_back.gif") repeat;
padding:15px;
font-size:small;
}

div.company05 div#cate01 div.exp p.title01{
background:url("./images/company/page05_title01.gif") no-repeat;
width:191px;
height:15px;
text-indent:-9999px;
margin-bottom:15px;
}

div.company05 div#cate01 div.exp p.title02{
background:url("./images/company/page05_title02.gif") no-repeat;
width:191px;
height:15px;
text-indent:-9999px;
margin-bottom:15px;
}

div.company05 div#cate01 div.exp ul{
margin-left:5px;
overflow:hidden;
padding-bottom:18px;
}

div.company05 div#cate01 div.exp ul li{
line-height:1.3;
margin-right:10px;
margin-bottom:5px;
color:#444;
float:left;
white-space:nowrap;
}

/***********06採用情報エリア**********************/

div.company06 div#cate01 p{
margin-left:20px;
font-size:small;
line-height:1.6;
}

div.company05 div#cate01 div.exp{
margin-left:15px;
width:568px;
border:1px solid #CCC9D1;
background:url("./images/single02/cate02_back.gif") repeat;
padding:15px;
font-size:small;
}


/* ******************************************************************************
 *	サイトマップ　ページのCSS（page.php）
 * ******************************************************************************/


div.sitemap div#visual_other{
	margin-bottom:15px;
}

div.sitemap ul li.sitemapcat h4{
text-indent:-9999px;
width:640px;
height:44px;
}

div.sitemap ul li.sitemapcat h4 a{
width:640px;
height:44px;
display:block;
}

div.sitemap ul li#sitemapcat-11{
background:url("images/sitemap/title01.jpg") no-repeat left top;	
}

div.sitemap ul li#sitemapcat-12{
background:url("images/sitemap/title02.jpg") no-repeat left top;	
}

div.sitemap ul li#sitemapcat-13{
background:url("images/sitemap/title03.jpg") no-repeat left top;	
}

div.sitemap ul li#sitemapcat-14{
background:url("images/sitemap/title04.jpg") no-repeat left top;	
}

div.sitemap ul li#sitemapcat-15{
background:url("images/sitemap/title05.jpg") no-repeat left top;	
}

div.sitemap ul li ul{
margin:7px 10px 20px 8px;
}

div.sitemap ul li ul li{
	font-size:small;
line-height:1.9;
list-style-type:disc;
margin-left:10px;
}

/* ******************************************************************************
 *	イナテックブログ　ページのCSS（single-3.php）
 * ******************************************************************************/


div.other_page01 div.blog_box h3#blog_title{
	font-size:200%;
font-weight:bold;
color:#000;
margin-bottom:15px;
margin-left:10px;
padding-top:10px;
}

div.other_page01 div.blog_box h3#blog_title span{
color:#9AC540;
}

div.other_page01 div.blog_box div.entry{
margin-ottom:15px;
background:url("./images/blog/cate_back.gif") repeat;
width:630px;
margin-left:5px;
margin-bottom:25px;
padding:15px;
}

div.other_page01 div.blog_box div.entry div.airticle{
background:#FFF url("./images/blog/ha.gif") no-repeat right top;
width:630px;
}

div.other_page01 div.blog_box div.entry div.airticle em{
	font-size:70%;
color:#555;
display:block;
margin-left:5px;
padding-bottom:15px;
}

div.airticle div.entry-title{
width:570px;
	padding:10px 10px 15px 10px;
background:url("./images/index/line.gif") repeat-x center bottom;
margin-bottom:5px;
}

div.other_page01 div.blog_box div.entry div.airticle h4{
	font-size:medium;
color:#555;
font-weight:bold;
margin-left:5px;
}

div.other_page01 div.blog_box div.entry div.airticle h4 a{
	border-left:6px solid #333;
padding:3px 0 3px 8px;
}

div.entry-content{
background:url("./images/index/line.gif") repeat-x center bottom;
margin-bottom:5px;
padding:15px 15px 20px 15px;
}

div.other_page01 div.blog_box div.entry div.airticle p{
 	line-height:1.5;
margin-bottom:10px;
margin-left:10px;
}

div.other_page01 div.blog_box div.entry div.airticle ul{
margin-bottom:10px;
margin-left:10px;
padding-top:10px;
}

div.other_page01 div.blog_box div.entry div.airticle ul li{
list-style-type:disc;
line-height:1.7;
margin-left:15px;
}

div.other_page01 div.blog_box div.entry div.airticle p img{
margin:10px 0;
width:400px;
height:300px;
padding:4px;
border:1px solid #DDD;
background:#EEE;
}

div.entry-palam{
	padding:0 15px 15px 15px;
font-size:x-small;
clear:both;
}

div.entry-palam ul{
	padding-bottom:15px;
}

a.more-link{
	float:right;
margin-right:50px;
}

div.other_page01 div.blog_box div.entry div#comments{
background:url("./images/index/line.gif") repeat-x center top;
padding:15px 15px 20px 15px;
}

div.other_page01 div.blog_box div.entry div#comments h5{
color:#3C5713;
font-size:110%;
font-weight:bold;
display:block;
padding-bottom:5px;
}

div.other_page01 div.blog_box div.entry div#comments textarea#comment{
display:block;
width:520px;
height:100px;
margin-bottom:5px;
font-size:small;
line-height:1.3;
}


div.other_page01 div.blog_box div.entry div#comments input#submit{
	margin-bottom:10px;
}

div.other_page01 div.blog_box div.entry div#comments div.trackback_url input{
display:block;
width:516px;
padding:2px;
}

div.other_page01 div.blog_box div.entry div#comments input#author,
div.other_page01 div.blog_box div.entry div#comments input#email,
div.other_page01 div.blog_box div.entry div#comments input#url{
	display:block;
}

div.blog_side_box h3{
	width:188px;
height:34px;
text-indent:-9999px;
margin-bottom:3px;
}

div.blog_side_box h3.entries{
background:url("./images/blog/h3_01.gif") no-repeat;
}

div.blog_side_box h3.theme{
background:url("./images/blog/h3_02.gif") no-repeat;
}

div.blog_side_box h3.archives{
background:url("./images/blog/h3_03.gif") no-repeat;
}

div.blog_side_box h3.calendar{
background:url("./images/blog/h3_04.gif") no-repeat;
}

div.blog_side_box h3.side_rss{
background:url("./images/blog/h3_05.gif") no-repeat;
}

div.blog_side_box h3.side_comp{
background:url("./images/blog/h3_06.gif") no-repeat;
}

div.blog_side_box ul{
	padding:0 3px 7px 3px;
margin:0 2px 8px 2px;
background:url("./images/single02/line.gif") repeat-x left bottom;
}

div.blog_side_box ul li{
list-style-type:disc;
margin-left:13px;
margin-bottom:5px;
line-height:1.4;
}

div.blog_side_box ul li.rss{
	list-style-type:none;
background:url("./images/blog/rss.gif") no-repeat left center;
padding-left:18px;
margin-left:-3px;
}

div#sidebar div#side05{
	padding-bottom:7px;
background:url("./images/single02/line.gif") repeat-x left bottom;
margin-bottom:8px;
}

div#sidebar div#side05 table#wp-calendar{
	margin-left:5px;
width:180px;
}

div#sidebar div#side05 table#wp-calendar tr th,
div#sidebar div#side05 table#wp-calendar tr td{
text-align:center;
}

/* ******************************************************************************
 *	イナテックからのお知らせ　ページのCSS（single-1.php）
 * ******************************************************************************/

div.news_bg div.entry_news{
margin-ottom:15px;
background:url("./images/blog/cate_back.gif") repeat;
width:630px;
margin-left:5px;
margin-bottom:25px;
padding:15px;
}

div.news_bg div.entry_news div.entry_news_in{
width:590px;
background:#FFF;
padding:20px;
}

div.news_bg div.entry_news div.entry_news_in p{
padding-bottom:15px;
}

div.news_bg div.entry_news div.entry_news_in p img{
padding:9px;
border:1px solid #DDD;
background:#EEE;
}

div.news_bg div.entry_news div.entry_news_in em{
	font-size:70%;
color:#555;
display:block;
padding-bottom:5px;
background:url("./images/w_line.gif") repeat-x left bottom;
margin-bottom:20px;
}

div.news_bg div.entry_news div.entry_news_in dl{
overflow:hidden;
background:url("./images/w_line.gif") repeat-x left bottom;
padding-bottom:5px;
margin-bottom:15px;
}

div.news_bg div.entry_news div.entry_news_in dl dt{
float:left;
width:105px;
padding-left:5px;
font-size:90%;
}

div.news_bg div.entry_news div.entry_news_in dl dd{
float:right;
width:470px;
}

div.news_bg div.entry_news div.entry_add{
	font-size:90%;
color:#555;
display:block;
padding-top:20px;
background:url("./images/w_line.gif") repeat-x left top;
margin-top:20px;
}