@charset "utf-8";

/*--------------------------------------------------------------------------------- reset*/
*{ margin:0; padding:0;}

.clearfix:after {
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
	}

.clearfix { min-height:1px; }

* html .clearfix {
  height:1px;
  /*\*//*/
  height:auto;
  overflow:hidden;
  /**/
}

img { border:0; }
table { border-collapse:collapse; }
html {line-height:100%;}

/*--------------------------------------------------------------------------------- common*/

body {	
	background : #BAD4E8 url(../images/bg.jpg) no-repeat fixed center top;
	text-align:center;
	color:#000;
	font-size:12px;
	}
#wrapper {
	background : url(../images/bg_base.gif) repeat-y;
	width:886px;
	margin:0 auto;
	text-align:left;
	}
#content_wap {
	text-align:left;
	width:870px;
	margin:0 auto;
	padding-bottom:30px;
	clear:both;
	}
.container {
	width:800px;
	margin:0 auto;
	}
.left {float:left}
.right{float:right;}

a:link,
a:visited { color: #D05500; text-decoration: none;}
a:hover,
a:active { color: #D05500; text-decoration: underline;}

.hid {display:none;}
.cap {color:#666;font-size:0.84em;line-height:1em;}
.clear {clear:both;}

.pagetop {
	clear:both;
	font-size:0.84em;
	text-align:right;
	}

.pagetop a:link,
.pagetop a:visited { color: #61635A; text-decoration: none;}
.pagetop a:hover,
.pagetop a:active { color: #61635A; text-decoration: underline;}





/*--------------------------------------------------------------------------------- header*/

#header_wap,
#footer {
	width:886px;
	margin:0 auto;
	text-align:left;
	}

#header_wap { 
	background: url(../images/header_bg.gif) no-repeat;
	height:140px;
	}
#header_name h1 { 
	background: url(../images/header_name.gif) no-repeat;
	width:220px;
	height:70px;
	margin:28px 0px -13px 5px;
	text-indent:-9999px;
	float:left;	z-index:2;position:relative;
	}
#header_name .seo { 
	font-size:0.84em;
	color:#666;
	margin:20px 12px;
	float:right;
	}

/*--------------------------------------------------------------------------------- footer*/

#footer { 
	background : url(../images/footer_bg2.gif) no-repeat;
	height:56px;
	font-size:10px;
	color:#666;}

#footer ul {
	text-align: left;
	padding:7px 0 0 15px;}

.arrow{
	position: relative;
	display: inline-block;
	color: #336699;
	padding: 0 0 0 10px;
	vertical-align: middle;
	text-decoration: none;
	font-weight: bold;}
	.arrow::before,
	.arrow::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;}
	
#footer li {
    display: inline-block;
    padding: 0 7px 0 0;}

.fnavi::before{
	left: 4px;
	box-sizing: border-box;
	width: 4px;
	height: 4px;
	border: 4px solid transparent;
	border-left: 4px solid #336699;}

#footer address {
	float:left;
	font-style:normal;
	padding:2px 0 0 15px;}
	
#footer .copy {
	float:right;
	padding:12px 15px 0 0;}
	
/*--------------------------------------------------------------------------------- gnv*/

#gnv {
	width:870px;
	margin:0 auto;
	text-indent:-9999px;
}

#gnv ul {
	list-style:none;
	width:610px;
	height:32px;
	margin:20px 5px 5px 0;	
	float:left;
	}
#gnv li { float:left;}
#gnv a,
#gnv li {
	display:block;
	height:32px;
	}
#gnv .home,
#gnv .home_on,
#gnv .item,
#gnv .item_on,
#gnv .service,
#gnv .service_on { width:152px;}
#gnv .about,
#gnv .about_on { width:150px;}
#gnv .home { background:url(../images/gnv.jpg) no-repeat 0 0;}
#gnv .home_on,
#gnv .home a:hover { background:url(../images/gnv.jpg) no-repeat 0 -32px;}
#gnv .item { background:url(../images/gnv.jpg) no-repeat -152px 0;}
#gnv .item_on,
#gnv .item a:hover { background:url(../images/gnv.jpg) no-repeat -152px -32px;}
#gnv .service { background:url(../images/gnv.jpg) no-repeat -304px 0;}
#gnv .service_on,
#gnv .service a:hover { background:url(../images/gnv.jpg) no-repeat -304px -32px;}
#gnv .about { background:url(../images/gnv.jpg) no-repeat -456px 0;}
#gnv .about_on,
#gnv .about a:hover { background:url(../images/gnv.jpg) no-repeat -456px -32px;}

/*---------------------------------------------------------------------------------- header_inquiry*/

#header_inquiry {
	width:200px;
	height:54px;
	float:right;
	}
#header_inquiry a {
	background : url(../images/header_form.gif) no-repeat;
	width:200px;
	height:28px;
	display:block;
	}
#header_inquiry a:hover { background:url(../images/header_form.gif) no-repeat -0 -28px;}
#header_inquiry .tel { 
	background:url(../images/header_tel.gif) no-repeat;
	width:200px;
	height:26px;
	}

/*--------------------------------------------------------------------------------- index*/

#top_hyokan,
#top_tomin {
	width:435px;
	height:380px;
	margin-bottom:-380px;
	}
	
#top_hyokan {float:left;}
#top_tomin {float:right;}

#top_hyokan p,
#top_tomin p,
#top_tominmini p {
	display:none;
	}

#top_hyokan ul,
#top_tomin ul {
	list-style:none;
	z-index:2;position:relative;
	width:124px;
	}
#top_hyokan ul {margin:-178px 0 0 148px;}
#top_tomin ul {margin:-178px 0 0 212px;}


* html #top_hyokan ul {margin:-175px 0 0 148px;}
* html #top_tomin ul {margin:-175px 0 0 212px;}
* html #top_hyokan a,
* html #top_tomin a,
* html #top_hyokan li,
* html #top_tomin li {margin:0;}

html>/**/body #top_hyokan ul,
html>/**/body #top_tomin ul {  margin-top /*\**/: 202px\9;}


#top_hyokan a,
#top_hyokan li,
#top_tomin a,
#top_tomin li {
	display:block;
	width:124px;
	height:23px;
	text-indent:-9999px;
	margin:0 0 2px 0;
	}

#go_hyokan {background:url(../images/top_hyokan_btn_detail.gif) no-repeat ;}
#go_hyokan a:hover { background:url(../images/top_hyokan_btn_detail.gif) no-repeat 0 -23px;}
#go_hyokan_lineup { background:url(../images/top_hyokan_btn_lineup.gif) no-repeat ;}
#go_hyokan_lineup a:hover { background:url(../images/top_hyokan_btn_lineup.gif) no-repeat 0 -23px;}

#go_tomin { background:url(../images/top_tomin_btn_detail.gif) no-repeat ;}
#go_tomin a:hover { background:url(../images/top_tomin_btn_detail.gif) no-repeat 0 -23px;}
#go_tomin_lineup { background:url(../images/top_tomin_btn_lineup.gif) no-repeat ;}
#go_tomin_lineup a:hover { background:url(../images/top_tomin_btn_lineup.gif) no-repeat 0 -23px;}
	
#top_tominmini {
	width:870px;
	height:140px;
	}

#top_tominmini a {
	display:block;
	width:124px;
	height:23px;
	text-indent:-9999px;
	z-index:2;position:relative;
	margin:-61px 0 0 496px;
	}
	
#top_tominmini a  { background:url(../images/top_tominmini_btn_detail.gif) no-repeat ;}
#top_tominmini a:hover  { background:url(../images/top_tominmini_btn_detail.gif) no-repeat 0 -23px;}



/*--------------------------------------------------------------------------------- tit*/

h2,h3,h4 {text-indent:-9999px;}

#tit_item,#tit_service,#tit_about,#tit_inquiry,#tit_link,#tit_sitemap {
	background : url(../images/bg_tit.jpg) repeat-x ;
	width:870px;
	height:53px;
	}
#tit_item h2,#tit_service h2,#tit_about h2,#tit_inquiry h2,#tit_link h2,#tit_sitemap h2 {
	width:190px;
	height:47px;
	float:left;
	}
#tit_item h2 {background : url(../images/tit_item.gif) no-repeat ;}
#tit_service h2 {background : url(../images/tit_service.gif) no-repeat ;}
#tit_about h2 {background : url(../images/tit_about.gif) no-repeat ;}
#tit_inquiry h2 {background : url(../images/tit_inquiry.gif) no-repeat ;}
#tit_link h2 {background : url(../images/tit_link.gif) no-repeat ;}
#tit_sitemap h2 {background : url(../images/tit_sitemap.gif) no-repeat ;}



/*--------------------------------------------------------------------------------- snv item*/


#snv ul {	text-indent:-9999px;
	list-style:none;
	width:540px;
	height:43px;
	margin:0px 8px 0px 0;	
	float:right;
	}
* html #snv ul {margin:0px 2px 0px 0;	}

#snv li { float:right;margin-right:3px;}
#snv a,
#snv li {
	display:block;
	width:176px;
	height:43px;
	}


#snv .snv_hokan { background:url(../images/snv.jpg) no-repeat -361px 0;}
#snv .snv_hokan_on,
#snv .snv_hokan a:hover { background:url(../images/snv.jpg) no-repeat -361px -43px;}

#snv .snv_tomin { background:url(../images/snv.jpg) no-repeat -181px 0;}
#snv .snv_tomin_on,
#snv .snv_tomin a:hover { background:url(../images/snv.jpg) no-repeat -181px -43px;}

#snv .snv_tominmini { background:url(../images/snv.jpg) no-repeat ;}
#snv .snv_tominmini_on,
#snv .snv_tominmini a:hover { background:url(../images/snv.jpg) no-repeat 0 -43px;}


/*--------------------------------------------------------------------------------- item menu*/

#hyokan #item_header,
#tomin #item_header {
	width:870px;
	height:160px;
	}
#hyokan #item_header {background : url(../images/hyokan/bg_hyokan_tit.jpg) no-repeat ;}
#tomin #item_header {background : url(../images/tomin/bg_tomin_tit.jpg) no-repeat ;}

#hyokan #item_header h2,
#tomin #item_header h2 {
	width:400px;
	height:123px;
	margin:10px 0 0 0;	
	float:left;
	}
#hyokan #item_header h2 {background : url(../images/hyokan/tit_hyokan.gif) no-repeat ;}
#tomin #item_header h2 {background : url(../images/tomin/tit_tomin.gif) no-repeat ;}

#mini #item_header,
#mini #item_header h2 {
	width:870px;
	height:140px;
	}
#mini #item_header h2 { background : url(../images/mini/mini_tit.jpg) no-repeat ;}


#item_header ul {
	list-style:none;
	width:452px;
	height:23px;
	margin:110px 0px 0px 0;	
	text-indent:-9999px;
	float:right;
	}
* html #item_header ul {width:455px;}

#item_header li { float:left;margin-left:3px;}
#item_header a,
#item_header li {
	display:block;
	width:110px;
	height:23px;
	}

#hyokan #item_header ul .tokucho { background:url(../images/hyokan/menu_hyokan.gif) no-repeat 0 0;}
#hyokan #item_header ul .tokucho a:hover { background:url(../images/hyokan/menu_hyokan.gif) no-repeat 0 -23px;}

#hyokan #item_header ul .kensyo { background:url(../images/hyokan/menu_hyokan.gif) no-repeat -113px 0;}
#hyokan #item_header ul .kensyo a:hover { background:url(../images/hyokan/menu_hyokan.gif) no-repeat -113px -23px;}

#hyokan #item_header ul .lineup { background:url(../images/hyokan/menu_hyokan.gif) no-repeat -226px 0;}
#hyokan #item_header ul .lineup a:hover { background:url(../images/hyokan/menu_hyokan.gif) no-repeat -226px -23px;}

#hyokan #item_header ul .hosyu { background:url(../images/hyokan/menu_hyokan.gif) no-repeat -339px 0;}
#hyokan #item_header ul .hosyu a:hover { background:url(../images/hyokan/menu_hyokan.gif) no-repeat -339px -23px;}


#tomin #item_header ul .tokucho { background:url(../images/tomin/menu_tomin.gif) no-repeat 0 0;}
#tomin #item_header ul .tokucho a:hover { background:url(../images/tomin/menu_tomin.gif) no-repeat 0 -23px;}

#tomin #item_header ul .kensyo { background:url(../images/tomin/menu_tomin.gif) no-repeat -113px 0;}
#tomin #item_header ul .kensyo a:hover { background:url(../images/tomin/menu_tomin.gif) no-repeat -113px -23px;}

#tomin #item_header ul .lineup { background:url(../images/tomin/menu_tomin.gif) no-repeat -226px 0;}
#tomin #item_header ul .lineup a:hover { background:url(../images/tomin/menu_tomin.gif) no-repeat -226px -23px;}

#tomin #item_header ul .hosyu { background:url(../images/tomin/menu_tomin.gif) no-repeat -339px 0;}
#tomin #item_header ul .hosyu a:hover { background:url(../images/tomin/menu_tomin.gif) no-repeat -339px -23px;}


/*--------------------------------------------------------------------------------- page common*/

#hyokan_point,
#tomin_point {
	text-align:left;
	width:870px;
	margin:0 auto;
	clear:both;
	}	


#plink li {
	list-style:none;
	font-size:0.92em;
	float:right;
	margin:0 0 0 12px;
	}

#demolink {
	margin:30px 0 0;
	text-align:right;
	}

#hosyu h3 {
	background:url(../images//t_hosyu.gif) no-repeat;
	width:400px;
	height:40px;
	margin:20px 0 6px;
	}
#hosyu h4 {
	text-indent:0px;
	font-size:1em;
	margin:20px 2px 2px;
	}
#hosyu .telno {font-size:1.2em;color:#D05500;}

#hyokan p,
#tomin p,
#mini p {line-height:1.64em;padding:0 0 0 2px;}

#hyokan #point ul,
#tomin #point ul {margin-bottom:6px;}
#hyokan #point li,
#tomin #point li,
#mini #point ul,
#mini #point li {list-style:inside;text-indent:0.5em;padding-bottom:4px;}



/*--------------------------------------------------------------------------------- hyokan tokucho*/

#hyokan_point {background:url(../images/hyokan/bg_hyokan.jpg) no-repeat top;}

#hyokan #point p,
#hyokan #kensho p {padding-bottom:6px;}

#hyokan #point h3 {
	background:url(../images/hyokan/t_tokucho.gif) no-repeat;
	width:450px;
	height:110px;
	}
#hyokan #box03{float:left;}
#hyokan #box04{float:right;}
#hyokan #box01 h4 {
	background:url(../images/hyokan/t_01.gif) no-repeat;
	width:60px;
	height:20px;
	margin:20px 0 6px;
	}
#hyokan #box03 h4 {
	background:url(../images/hyokan/t_02.gif) no-repeat;
	width:70px;
	height:20px;
	margin:-30px 0 6px;
	}
#hyokan #box04 h4 {
	background:url(../images/hyokan/t_03.gif) no-repeat;
	width:310px;
	height:40px;
	margin:28px 0 6px;
	}
#hyokan #box02 {margin:150px 0 0 0;}
#hyokan #box02 h5 {
	font-size:1.1em;
	font-weight:normal;
	color:#2976A4;
	line-height:1.8em;
	margin:8px 0 0 0;
	}
.zu_hyokan {margin:-354px 15px 0 0;float:right;}



/*--------------------------------------------------------------------------------- hyokan kensho*/

#hyokan #kensho h3 {
	background:url(../images/hyokan/t_kensyo.gif) no-repeat;
	width:800px;
	height:42px;
	margin:30px 0 0 0;
	}
#hyokan #kensho h4 {
	width:375px;
	height:70px;
	margin:30px 0 8px 0;
	}
#hyokan #kensho #meet h4 {background:url(../images/hyokan/t_k01.gif) no-repeat;}
#hyokan #kensho #fish h4 {background:url(../images/hyokan/t_k02.gif) no-repeat;}
#hyokan #kensho #fruit h4 {background:url(../images/hyokan/t_k03.gif) no-repeat;}
#hyokan #kensho #vege h4 {background:url(../images/hyokan/t_k04.gif) no-repeat;}
#hyokan #kensho #flower h4 {background:url(../images/hyokan/t_k05.gif) no-repeat;}

#hyokan #kensho h5 {display:none;}
#hyokan #kensho .box {width:380px;margin:0 0 0px 0;}
#hyokan #kensho img {margin:34px 0 30px;}
#kensho #vege img,
#kensho #flower img {margin:12px 0 30px;}

#hyokan #umami h5 {
	display:block;text-indent:-9999px;
	background:url(../images/hyokan/t_04.gif) no-repeat;
	width:260px;
	height:20px;
	margin:0px 0 8px 0;
	}
#hyokan #kensho h6 {font-weight:bold;font-size:0.96em;margin:4px 2px;}
.katai {font-size:0.96em;}



/*--------------------------------------------------------------------------------- hyokan lineup*/

#hyokan #lineup h3 {
	background:url(../images/hyokan/t_lineup.gif) no-repeat;
	width:800px;
	height:42px;
	padding:8px 0 0 0;
	}

#hyokan #lineup h4 {
	clear:both;
	width:800px;
	height:24px;
	margin:20px 0;
	}
#standard h4 {background:url(../images/hyokan/t_lineup01.gif) no-repeat;}
#isothermal h4 {background:url(../images/hyokan/t_lineup02.gif) no-repeat;}
#tabletype h4 {background:url(../images/hyokan/t_lineup03.gif) no-repeat;}


#standard,
#isothermal,
#tabletype {width:800px;margin:0 0 20px 0;}

#standard #item01 {padding:0 185px 0 25px;}
#standard #item02 {padding:0 165px 0 0;}
#standard #item04 {padding:0 0 0 160px;}
#standard #item05 {padding:0 0 0 154px;}

#isothermal #item01 {padding:0 45px 0 10px;}
#isothermal #item02,
#isothermal #item03 {padding:0 45px 0 0;}

#tabletype #item01,
#tabletype #item02,
#tabletype #item04,
#tabletype #item05 {padding:0 102px 0 10px;}

.itembox {
	float:left;
	font-size:0.92em;
	margin:0 0 10px 0;
	}
.itembox h5 {font-size:1em;}

#tabletype .itembox {margin:0 0 20px 0;}


/*--------------------------------------------------------------------------------- tomin tokucho*/

#tomin_point {background:url(../images/tomin/bg_tomin.jpg) no-repeat top;}


#tomin #kensho p,
#tomin #jirei p {padding-bottom:6px;}

#tomin_point h3 {
	background:url(../images/tomin/tm_tomin.gif) no-repeat;
	width:870px;
	height:38px;
	}
	
#tomin_point .read {
	padding:20px 0 30px 2px;
	}

#tomin #point h3 {
	background:url(../images/tomin/t_tokucho.gif) no-repeat;
	width:250px;
	height:80px;
	}
#tomin #point h4 {text-indent:0;}
#tomin #point h4,
#tomin #kensho h5 {
	font-size:1.1em;	
	font-weight:normal;
	color:#06B8B8;
	line-height:1.8em;
	margin:8px 0 0 0;
	}

.zu_tominair {margin:-175px 0px 0 0;float:right;}
.red {color:#D05500;}

#tomin .box {margin:0px 0 24px 2px;}

#tomin #point h5 {
	font-size:1em;	
	font-weight:normal;
	color:#009999;
	line-height:1.8em;
	margin:32px 0 6px;
	border-bottom:dotted 1px #999;
	}

/*--------------------------------------------------------------------------------- hyokan kensho*/

#tomin #kensho h3 {
	background:url(../images/tomin/t_kensho.gif) no-repeat;
	width:800px;
	height:42px;
	margin:30px 0 0px;
	}
#tomin #kensho h4 {
	background:url(../images/tomin/t_k01.gif) no-repeat;
	width:360px;
	height:30px;
	margin:12px 0 12px;
	}
#tomin #kensho img {margin:16px 0;}
#tomin #kensho .box {width:470px;}
#tomin #kensho h5 {	margin:20px 0 3px;}

#tomin #kensho table {
	border:1px solid #999;
	text-align:center;
	font-size:0.92em;
	}
#tomin #kensho table caption {
	text-align:left;
	padding:0 0 8px;
	}
#tomin #kensho th {
	border:1px solid #999;
	padding:4px;
	background:#0E1A40;
	font-weight:normal;
	color:#FFF;
	}
#tomin #kensho td {
	border:1px solid #999;
	width:78px;
	padding:4px;
	}
#tomin #jirei h4 {
	background:url(../images/tomin/t_jirei.gif) no-repeat;
	width:360px;
	height:30px;
	margin:36px 0 0;
	}
#tomin #jirei h5 {
	font-size:1em;	
	font-weight:normal;
	color:#009999;
	line-height:1.8em;
	margin:24px 2px 4px;
	}
#tomin #jirei .box {width:230px;margin:0 55px 20px 0;}
#tomin #jirei .box_r {width:230px;float:right;}



/*--------------------------------------------------------------------------------- tomin lineup*/

#tomin #lineup h3 {
	background:url(../images/tomin/t_lineup.gif) no-repeat;
	width:800px;
	height:42px;
	padding:8px 0;
	}
#tomin #lineup h4 {
	clear:both;
	width:800px;
	height:24px;
	margin:20px 0;
	}
#tominseries h4 {background:url(../images/tomin/t_lineup01.gif) no-repeat;}
#tustseries h4 {background:url(../images/tomin/t_lineup03.gif) no-repeat;}
#tomin #lineup #minicontact h4 {
	background:url(../images/tomin/t_lineup02.gif) no-repeat;
	width:360px;
	height:24px;
	margin:0;
	}
#tominseries,
#tustseries {width:800px;margin:0 0 20px 0;}

#tominseries .itembox_l {width:390px;float:left;}
#tominseries .itembox_r {width:360px;float:right;}

#tominseries .itembox_l,
#tominseries .itembox_r {
	height:165px;
	font-size:0.84em;
	margin:0 0 10px 0;
	}
#tominseries h5 {
	font-size:1.1em;
	color:#2AACAC;
	margin:12px 0 6px;
	}
#tominseries p {float:left;line-height:1.4em;}
#tominseries img {float:right;margin:0px 0 0 0;}
#tomin #lineup .noimg {
	float:right;
	background:#E9E9E9;
	width:160px;	
	}
#tomin #lineup #minicontact p {margin-top:20px;}
.pdg5 {padding:10px 5px 0 0;}
.pdg20 {padding:10px 20px 0 0;}

#tusttokucyo {
	width:508px;
	float:left;
	margin:20px 0;
	}

#tusttokucyo h6 {
	font-size:1em;
	color:#335E91;
	margin:12px 0 4px;
	}

#tustlineup {
	float:right;
	width:270px;
	padding-left:20px;
	margin:30px 0;
	border-left:1px solid #CCC;
	}
#tustlineup h5 {
	font-size:1em;
	color:#2AACAC;
	padding:10px 0 8px;

	}
#tustlineup p {
	font-size:0.84em;
	line-height:1.4em;
	padding-bottom:14px;
	border-bottom:1px dotted #CCC;
	}

#tustlineup .txt_r {text-align:right;margin-right:24px;}

/*--------------------------------------------------------------------------------- tomin mini*/

#mini #point p,
#mini #jirei p {padding-bottom:6px;}

#mini #point h3 {
	background:url(../images/mini/tm_mini.gif) no-repeat;
	width:800px;
	height:38px;
	margin:0 0 12px;
	}

#mini #point h4 {
	width:470px;
	height:31px;
	margin:30px 0 8px;
	}
#mini #point #point1 h4 {background:url(../images/mini/t_01.gif) no-repeat;}
#mini #point #point2 h4 {background:url(../images/mini/t_02.gif) no-repeat;}
#mini #point #point3 h4 {background:url(../images/mini/t_03.gif) no-repeat;}

#mini #point .box_l {float:left;width:480px;}
#mini #point .box_r {float:right;width:280px;margin:30px 0 16px;}
#mini #point img {margin:0 0 16px;}

#mini #kensho .right {margin:90px 0 0;}

#mini #jirei h3,
#mini #jirei h4 {text-indent:0;}

#mini #jirei h3 {
	font-size:1.2em;
	padding:30px 0 8px;
	border-bottom:1px dotted #ccc;
	}
#mini #jirei h4 {
	font-size:1em;
	font-weight:normal;
	margin:20px 0 6px;
	color:#06C;
	}

#mini #jirei .box {width:380px;margin:0 0 30px;}



/*--------------------------------------------------------------------------------- about service common*/



#about p,
#service p {line-height:1.64em;padding:0 0 0 2px;}

#about h3,
#service h3,#service h4,
#link h3,
#sitemap h3 {text-indent:0;}




/*--------------------------------------------------------------------------------- about*/

#about .r_box {width:650px;float:right;}
#about .l_box {width:120px;float:left;margin:30px 0 0;}


#about h3 {
	width:512px;
	font-size:1.1em;
	margin:36px 0 16px;
	padding:4px;
	background-color:#000033;
	color:#fff;
	font-weight:normal;
	}

#about table {
	width:520px;
	border:1px solid #ccc;
	}
	
#about th,
#about td {
	border-bottom:1px solid #ccc;
	padding:8px 12px;
	vertical-align:top;
	line-height:1.64em;
	}
#about th {
	color:#000066;

	border-right:1px dotted #ccc;
	}

#about th {width:80px;text-align:center;}
#about td {width:440px;}

#about #enkaku th {font-size:0.96em;text-align:left;}

#about table p {
	font-size:0.92em;
	margin:8px 0 0;
	}

#enkaku,
#access {width:520px;}

#about #subm ul {border-top:1px dotted #ccc;}
#about #subm li {
	background:url(../images/i_liimg.gif) no-repeat 0 50%;
	text-indent:1em;
	list-style:none;
	padding:10px 0px;
	border-bottom:1px dotted #ccc;}



/*--------------------------------------------------------------------------------- service*/

#service h3 {
	font-size:1.1em;
	margin:36px 0 16px;
	padding:4px;
	background-color:#000033;
	color:#fff;
	font-weight:normal;
	}

#service h4 {
	font-size:1em;
	margin:12px 0;
	}


#service p {width:570px;}

#service img {margin-bottom:30px;}



/*--------------------------------------------------------------------------------- inquiry*/

#mailform p {
	width:320px;
	text-align:center;
	padding:6px 0;
	margin:30px auto;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	line-height:1.8em;
	}
#mailform table {
	width:600px;
	text-align:left;
	margin:0 auto;
	}
#mailform td {
	font-size:1em;
	width:110px;
	padding:6px 2px;
	vertical-align:top;
	}
#mailform .cap {color:#D05500;font-size:0.8em;}
#mailform .txt_r {text-align:right;margin-right:24px;}



#kakunin p {
	width:460px;
	text-align:center;
	padding:6px 0;
	margin:30px auto 0;
	}

#kakunin table {
	width:460px;
	margin:0 auto;
	}	
#kakunin th,
#kakunin td {
	font-size:1em;
	font-weight:normal;
	padding:6px 4px;
	border:1px solid #ccc;
	}
#kakunin th {width:90px;background:#8F8F8F;color:#FFF;}
#kakunin td {width:370px;}



#error {
	width:460px;
	margin:30px auto;
	text-align:center;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	}

#error p {margin:30px 0 ;}

#thanks p {
	width:500px;
	text-align:center;
	padding:20px 0;
	margin:30px auto 0;
	line-height:1.8em;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
}


/*--------------------------------------------------------------------------------- sitemap*/

#sitemap h3 {
	font-size:1.1em;
	margin:36px 0 16px;
	padding:4px;
	background-color:#000033;
	color:#fff;
	font-weight:normal;}

#pagetmp ul li {
    margin: 5px;
    list-style: disc;
    list-style-position: inside;}

#pagetmp ul li a:link, a:visited{
    color: #000066;
    text-decoration: none;}

#pagetmp ul li a:hover{
    color: #9B9BE9;
    text-decoration: none;}

ul#sitemap {
	margin: 20px 20px 20px 0;}

ul#sitemap ul {
    margin: 0 0 10px 10px; 
    position: relative;}
  
ul#sitemap ul:before {
    content: "";
    display: block;
    width: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 1px solid #ccc;}
  
ul#sitemap li {
    margin: 0;
    padding: 5px 12px 3px 16px;
    position: relative;
    text-transform: uppercase;}
  
ul#sitemap li a { 
    font-weight: bold;
    font-size: 14px;
    position: relative;
    text-transform: uppercase;}
  
ul#sitemap ul li {
	list-style: none;}

ul#sitemap ul li:before {
    content: "";
    display: block;
    width: 12px;
    height: 0;
    border-top: 1px solid #ccc;
    position: absolute;
    top: 12px;
    left: 0;}
  
ul#sitemap ul li:last-child:before {
    height: auto;
    top: 12px;}
	
/*--------------------------------------------------------------------------------- link*/

#link h3 {
	font-size:1.1em;
	margin:36px 0 16px;
	padding:4px;
	background-color:#000033;
	color:#fff;
	font-weight:normal;}
	
#link table {
	width:800px;
	border:1px solid #ccc;}
	
#link th,
#link td {
	border-bottom:1px solid #ccc;
	padding:8px 12px;
	vertical-align:top;
	line-height:1.64em;}
	
#link th {
	color:#000066;
	border-right:1px dotted #ccc;}

#link th {width:200px;text-align:left;}

#link td {width: auto;}

#link th a:link, a:visited{
    color: #000066;
    text-decoration: none;}

#link th a:hover{
    color: #9B9BE9;
    text-decoration: none;}
	
#link th {font-size:0.96em;text-align:left;}

#link th a:after{
	content: url(../images/icons.png);
	vertical-align: middle;
	margin: 0 2px;}

#link th a:hover:after{
	content: url(../images/icons2.png);
	vertical-align: middle;
	margin: 0 2px;}