/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. base
　02. Structer
　03. header
　04. contents
　05. nav
　06. footer

******************************************************************************* */


/* ==

　00. file import

=============================================================================== */


/* ==

　01. base

=============================================================================== */
*{
	margin:0;
	padding:0;
}
body{
	text-align:center;
	font-size:75%;	
	/* font-family:"ＭＳ Ｐゴシック", "MS PGothic", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Sans-Serif; */
	color:#456;
	background:#fff url(../img/bg_body.gif) left 77px repeat-x;
}
a{
	color:#00a0dc;
	text-decoration:underline;
}
a:hover{
	color:#00a0dc;
	text-decoration:none;
}
ul, ol{
	/zoom:1;
	list-style:none;
}
ul:after,
ol:after{
	content:'';
	display:block;
	clear:both; 
}
img{
	border:0;
	vertical-align:bottom;
}
em{
	font-style:normal;
	font-weight:bold;
}
table{
	width:100%;
	margin:0 0 10px;
	background-color:#ccc;
}
th{
	text-align:left;
	padding:5px 10px;
	background-color:#E5EDF3;
	font-weight:bold;
}
td{
	padding:5px 10px;
	background-color:#fff;
}


/* ==

　02. Structer

=============================================================================== */
#container{
	text-align:left;
	width:900px;
	margin:0 auto;
	line-height:1.5;
	/zoom:1;
}
#container div{
	/zoom:1;
}
#container:after,
#container div:after{
	content:'';
	display:block;
	clear:both; 
}
#contents{
	float:right;
	width:700px;
	overflow:hidden;
}
#sub{
	float:left;
	width:180px;
	padding-bottom:20px;
}
#pagetop{
	text-align:left;
	width:900px;
	margin:0 auto;
}
#pagetop p{
	text-align:right;
}
#pagetop p a,
#pagetop p a:hover{
	color:#456;
}


/* ==

　03. header

=============================================================================== */
#header{
	text-align:left;
	width:900px;
	margin:0 auto 30px;
	background:url(../img/bg_header.jpg) right 77px no-repeat;	
}
#header div{
	/zoom:1;
}
#header div:after{
	content:'';
	display:block;
	clear:both; 
}
#header h1,
#header p#logo{
	float:left;
	margin:0;
	padding:20px 0 19px;
	font-size:12px;
}
#header p{
	float:right;
	font-size:12px;
}

/* パンくず
------------------------------------------------------------------------------- */
#header #topicpath{
	clear:both;
	width:100%;
}
#header #topicpath ul{
	width:900px;
	height:18px;	
	padding:7px 0 0;
}
#header #topicpath li{
	float:left;
	margin:0 15px 0 0;
	padding:0 0 0 19px;
	background:url(../img/bg_arw.gif) left center no-repeat;
	line-height:1.1;
	color:#fff;
}
#header #topicpath li.home{
	padding:0;
	background:none;
}
#header #topicpath li a{
	color:#fff;
	text-decoration:none;
}
#header #topicpath li a:hover{
	color:#fff;
	text-decoration:underline;
}


/* ==

　04. contents

=============================================================================== */

/* h1〜h6
------------------------------------------------------------------------------- */
#container h1{
	margin:0 0 25px;
}
div h2{
	height:24px;
	margin:0 0 18px;
	padding:6px 0 0 19px;
	background:url(../img/bg_tit.jpg) left center no-repeat;
	font-size:100%;
}
div h2 span{
	font-size:85%;
	font-weight:normal;
}
div h3{
	margin:23px 0 10px;
	padding:2px 0 10px 21px;
	background:url(../img/bg_tit02.gif) left center no-repeat;
	font-size:100%;
	color:#069;
}
* html div h3{
	height:1%;
}

/* トップページ用パーツ
------------------------------------------------------------------------------- */
#mainImage,
#leadTop{
	width:700px;
	padding-bottom:20px;
}

/* 代表者挨拶用パーツ
------------------------------------------------------------------------------- */
.section.message{
	width:700px;
	margin:0 0 10px;
	overflow:hidden;
	_zoom: 1;
}
.section.message div{
	overflow:hidden;
}
.section.message div.img{
	float:right;
	margin:0 0 0 20px;
}
.section.message div p{
	margin:0;
}
.section.message div ul{
	margin:10px 0;
}
.section.message div li{
	margin:0 0 0 0.5em;
	padding:2px 0;
	text-indent:-0.5em;
}
.section.message div p.chachImg{
	margin:0 0 20px;
}
.section.message div p.chachImgSp{
	margin:30px 0 20px;
}

/* 事業内容用パーツ
------------------------------------------------------------------------------- */
.section.marketing01{
	position:relative;
}
.section.marketing01 .img{
	height:100px;
	width:283px;
}
.section.marketing01 .img img{
	position:absolute;
	top:0;
	right:0;
}
.section.facility01 .img{
	height:50px;
	width:140px;
}
.section.facility02{
	position:relative;
}
.section.facility02 .img{
	height:100px;
	width:283px;
}
.section.facility02 .img span{
	position:absolute;
	top:-100px;
	right:0;	
	display:block;
	width:220px;
	height:237px;
	background:url(../business/img/img_facility02.png) left top no-repeat;
	text-indent:-999em;
}
* html .section.facility02 .img span{
	background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/img_facility02.png", sizingMethod="scale");
}

/* フォーム用パーツ
------------------------------------------------------------------------------- */
input,textarea,option,select{
	font-size:100%;
	color:#333;
}
option{
	padding:0 3px;
}
.section.form th{
	padding:5px 10px 3px;
}
.section.form td{
	padding:6px 10px 2px;
}
.section.form th span,
.section.form td span{
	color:#c00;
	margin:0 0 0 2px;
	font-weight:normal;
}
.section.form td span{
	display:block;
	line-height:1.1;
	margin:5px 0 0;
}
.section.formBtn ul{
	text-align:center;
	margin:25px 0 0;
}
.section.formBtn li{
	display:inline;
	margin:0 5px;
}
.section.formBtn li input{
	padding:0 5px;
	font-size:100%;
}
iframe{
	margin:0 0 10px;
}

/* お知らせ用パーツ
------------------------------------------------------------------------------- */
.section.update{
	width:700px;
	margin:-10px 0 0;
}
.section.update dt{
	display:block;
	padding:10px 0 0;
	font-weight:bold;		
}
* html .section.update dd{
	height:1%;
}
.section.update dd{
	padding:0 0 10px;
	background:url(../img/bg_dotline.gif) left bottom repeat-x;	
}

/* リンク・ロゴ許諾用パーツ
------------------------------------------------------------------------------- */
.section.bnrList{
	margin:-12px 0 0;
}
.section.bnrList div{
	width:690px;
	padding:12px 5px;
	background:url(../img/bg_dotline.gif) left bottom repeat-x;
}
.section.bnrList div p{
	float:left;
	margin:0;
}
.section.bnrList div p.img{
	width:185px;
}

/* サイトマップ用パーツ
------------------------------------------------------------------------------- */
.section.sitemap{
	width:725px;
	margin:0 -25px 0 0;
}
.section.sitemap ul ul{
	margin:0 0 30px;
}
.section.sitemap ul li{
	width:340px;
	margin:0 16px 0 0;
	/margin:0 20px 0 0;
	vertical-align:top;
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
    /zoom:1;
}
.section.sitemap ul li.odd{
	margin:0;
}
.section.sitemap ul li a{
	display:block;
	height:24px;
	margin:0 0 10px;
	padding:6px 0 0 19px;
	background:url(../img/bg_tit03.jpg) left center no-repeat;
	font-size:100%;
	font-weight:bold;
	color:#456;
	text-decoration:none;
}
.section.sitemap ul li a:hover{
	text-decoration:none;
}
.section.sitemap ul li.etc,
.section.sitemap ul li li{
	border:none;
	display:block !important;
	width:auto;
	margin:0 0 6px 7px;
	padding-left:15px;
	font-weight:normal;
	background:url(../img/bg_arw03.gif) left center no-repeat;
}
.section.sitemap ul li.etc a,
.section.sitemap ul li li a{
	display:inline;
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	background:none;
	font-weight:normal;
	color:#00a0dc;
	text-decoration:underline;
}
.section.sitemap ul li.etc a:hover,
.section.sitemap ul li li a:hover{
	color:#00a0dc;
	text-decoration:none;
}

/* その他パーツ
------------------------------------------------------------------------------- */
.section{
	width:700px;
	padding:0 0 30px;
	clear:both;
}
.section p{
	margin:0 0 15px;
}
.section p.btSP20{
	margin:0 0 20px;
}
.section p.lastChild{
	margin:0;
}
.section p.detail{
	padding:0 0 0 16px;
	background:url(../img/bg_arw03.gif) left center no-repeat;
	min-height:11px;
	height:auto !important;
	height:11px;
}
.section ul.btn{
	text-align:center;
	padding:7px 0;
}
.section ul.btn li{
	display:inline;
	margin:0 8px;
}
.section p.btn{
	text-align:center;
}
.section p.note{
	color:#f00;
}
.section .alignR{
	text-align:right;
}

/*-- 表組 --*/
th.w20{
	width:20%;
}
th.w25{
	width:25%;
}

/*-- カテゴリー --*/
.section.category{
	width:725px;
	margin:0 -25px -25px 0;
}
.section.category div{
	width:340px;
	margin:0 16px 25px 0;
	/margin:0 20px 25px 0;
	vertical-align:top;
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
    /zoom:1;	
}
.section.category h2{
	height:30px;
	margin:0;
	padding:0 0 10px;
	background:none;
}
.section.category p{
	float:left;
	width:98px;
	margin:0;
}
.section.category div div{
	float:left;
	width:242px;
	margin:-2px 0 0;
	display:block;
}
.section.category div div p{
	float:none;
	width:auto;
	margin:0 0 5px;
	min-height:37px;
	height:auto !important;
	height:37px;
}
.section.category p.btn{
	height:auto;
	min-height:0;
	margin:0;
	text-align:right;
}
.section.category div div ul{
	padding-top:4px;
}
.section.category div div li{
	padding-left:15px;
	margin:0 0 9px;
	background:url(../img/bg_arw03.gif) left 1px no-repeat;
	line-height:100%;
	font-size:80%;
}
.section.category div div li.lastChild{
	margin:0;
}

/*-- 3カラム --*/
.section .column3{
	width:725px;
	margin:0 -25px 0 0;
}
.section .column3 div{
	float:left;
	width:220px;
	margin:0 20px 0 0;
}
.section .column3 h3{
	margin:0 0 12px;
}
.section.clientList .column3{
	width:725px;
	margin:0 -25px 0 0;
}
.section.clientList .column3 div{
	float:none;
	width:220px;
	margin:0 16px 25px 0;
	/margin:0 20px 25px 0;
	vertical-align:top;
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
    /zoom:1;	
}
.section.clientList a,
.section.clientList a:hover{
	color:#456;
}
.section.clientList .column3 h3{
	margin:0;
	padding:7px 0 0;
	background:none;
	color:#456;
}
.section.clientList p{
	margin:0;
}

/*-- 画像配置 --*/
.imgRight{
	width:700px;
	margin:0 0 10px;
	overflow:hidden;
	_zoom: 1;
}
.imgRight p{
	margin:0;
	overflow:hidden;
	_zoom: 1;	
}
.imgRight h3{
	margin:15px 0 12px;
	overflow:hidden;
	_zoom: 1;
}
.imgRight p.chach{
	font-weight:bold;
	margin:0 0 15px;
}
.imgRight p.chachImg{
	font-weight:bold;
	margin:0 0 23px;
}
.imgRight p.img{
	float:right;
	margin:0 0 0 20px;
}
.imgRight p.img.spTop{
	padding-top:1.5em;
}


/* ==

　05. nav

=============================================================================== */
#sub h2{
	height:auto;
	margin:0 0 15px;
	padding:0;
	background:none;
	font-size:12px;
}
#sub ul{
	margin:0 0 20px;
}
#sub ul li{
	margin:0;
	padding:0 0 1px;
	background:url(../img/bg_dotline.gif) left bottom repeat-x;
}
#sub ul li ul{
	margin:-2px 5px 0 22px;
	padding-bottom:5px;
}
.ie #sub ul li ul{
	margin:0 5px 0 22px;
}
#sub ul li li{
	margin:0 0 6px;
	padding-left:10px;
	background:url(../img/bg_arw02.gif) left 7px no-repeat;
}
.ie #sub ul li li{
	background:url(../img/bg_arw02.gif) left 6px no-repeat;
}
#sub ul li li.current{
	font-weight:bold;
}
#sub ul li li a,
#sub ul li li a:hover{
	color:#456;
}
#sub p.btn{
	margin:0 0 20px;
}
#sub ul.bnr{
	margin:0;
}
#sub ul.bnr li{
	margin:0 0 10px;
	padding:0;
	background:none;
}
#sub ul.bnr li.lastChild{
	margin:0;
}


/* ==

　06. footer

=============================================================================== */
#footer{
	width:100%;
	margin:15px 0 0;
	padding-bottom:10px;
	background:url(../img/bg_foot.jpg) left top repeat-x;
	clear:both;
}
#footer div{
	text-align:center;
	width:900px;
	margin:0 auto;
	line-height:1.5;background:url(../img/bg_foot.jpg) left top repeat-x;
}
#footer div ul{
	height:21px;
	margin:0 0 7px;
	padding-top:4px;
}
#footer div li{
	margin:0 15px 0 0;
	padding:0 15px 0 3px;
	vertical-align:top;
	background:url(../img/bg_foot02.gif) right 2px no-repeat;
	text-align:center;
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
    /zoom:1;
	font-size:85%;
	color:#fff;
}
#footer div li a,
#footer div li a:hover{
	color:#fff;
}
#footer div li.lastChild{
	margin:0 5px 0 0;
	padding:0;
	background:none;
}
#footer div address{
	margin:0;
	padding:5px 0 0;
	font-size:85%;
	font-style:normal;
	letter-spacing:0.1em;
}