/* CSS Document */


* { margin: 0; padding: 0; }
img { border: 0; }

body {
   font-size: 13px;/*     モダンブラウザ向け */
   text-align:center;
   background:url(../img/bg/common/bg.jpg);
   background-repeat:repeat;
   color:#666666;
}

div#project { width: 100%; background-color: #003A57; text-align: center; }
h1 { width: 908px; margin: 0 auto; font-size: 12px; font-weight: normal; color: #FFFFFF; text-align: left; }

a { color:#CCCCCC; text-decoration: none; }
a:hover { color:#FF9900; text-decoration: underline; }

p, th, td, li { font-size: 100%; line-height: 160%; letter-spacing: 0.1em; color: #333333; }

table { margin: auto; }
div { margin: auto; }

/* **▼テキスト関連▼** */
span.t10 { font-size: 10px; }
.t11  { font-size: 11px; }
.t12n { font-size: 12px; font-weight: normal; }
.t12  { font-size: 12px; }
.t13  { font-size: 13px; }
.t14  { font-size: 14px; }
.t15  { font-size: 15px; }
.t16  { font-size: 16px; }
.t18  { font-size: 18px; }
.t20  { font-size: 20px; }

.t_red   { color: #FF0000; }
.t_red2  { color: #990000; }
.t_red_b { color: #FF0000; font-weight: bold; }
.t_red11 { color: #FF0000; font-size: 11px; }
.t_blu   { color: #4B5B87; }
.t_blu2  { color: #0000FF; }
.t_bb    { color: #0066FF; font-weight: bold; }
.t_or    { color: #F4B553; }
.t_gly   { color: #999999; }
.t_gly11 { color: #999999; font-size: 11px; }
.t_g11   { color: #666666; font-size: 11px; } 
.t_no    { color: #333333; }
.t_ul    { text-decoration: underline; }

.essential  { color: #CC0000; font-size: 10px; }
.essential2 { color: #FFFFFF; font-size: 10px; }
.rei        { color: #999999; font-size: 10px; }
.tel        { color: #FF0000; font-size: 26px; font-weight: bold; line-height: 180%; }
.chuui      { color: #CC0000; font-size: 10px; }

.t_b       { font-weight: bold; }
.t_ul      { text-decoration: underline; }
.end_sps30 { margin-bottom: 30px; }

.clr_sps { clear: left; height: 1px; }

.CNT { text-align: center; }
.R   { text-align: right; }
.L   { text-align: left; }
/* **▲テキスト関連▲** */


/* *▼共通▼* */
#top_bg{
	width:100%;
	background:url(../img/common/top_bg.jpg) repeat-x scroll 0 0;
	}
#bottom_bg{
	width:100%;
	background:url(../img/common/bottom_bg.jpg) repeat-x scroll bottom left;
	}
#container{
	width:900px;
	margin:0 auto;
	padding:0;
	}
#head_menu{
	}
#main_image{
	width:898px;
	height:254px;
	position:relative;
	background:url(../img/head/main_image.jpg) no-repeat scroll 0 0;
	}
#main_image h2#logo{
	width:160px;
	height:66px;
	position:absolute;
	left:15px;
	top:15px;	
	}
#main_image div#flash{
	width:706px;
	height:210px;
	margin:0 auto 0 188px;
	padding-top:44px;
	}
	
#head_menu ul{
	list-style-type:none;
	height:43px;
	padding:4px 0;
	margin:0 2px;
	}
#head_menu ul li{
	height:43px;
	float:left;
	}
	
#contents{
	background:url(../img/common/main_bg.jpg) repeat-y center scroll;
	width:100%;
	position:relative;	
	}
#contents div#left_ad{
	position:absolute;
	left:1px;
	bottom:-10px;
	padding:0 0 0 4px;
	}
#contents div#left_ad h3{
	font-size:15px;
	color:#FFFFFF;
	text-align:left;
	border-bottom:1px #999900 solid;
	letter-spacing:0;
	
	}
#contents div#left_ad p{
	color:#FFFFFF;
	text-align:left;
	letter-spacing:0;
	}	

#contents p.left_bnr{
	padding-left:4px;
	}
	
#left{
	float:left;
	width:163px;
	background:url(../img/left/left_bg.jpg) no-repeat 2px 0;
	height:920px;
	position:relative;
	}
#left h3{
	margin:7px auto 0 1px;
	padding:0;
	}
#left h3.no_margin{
	margin:0 auto 0 1px;
	padding:0;
	}
#left ul.left_menu{
	margin:0 auto 30px 1px;
	padding:0;
	list-style-type:none;
	}
#left ul.left_menu li{
	margin:0 auto 0 1px;
	padding:0;
	line-height:60%;
	}

	
	
	
#main{
	float:left;
	width:737px;
	height:920px;
	background:url(../img/common/main_top_bg.jpg) no-repeat scroll top left;
	}
#end_bg{
	width:896px;
	height:20px;
	margin:0 auto;
	padding:0;
	clear:left;
	}
	
	
#foot{
	width:900px;
	height:234px;
	background:url(../img/foot/footer_bg.jpg) no-repeat scroll bottom;
	margin:30px auto 0 auto;
	}
#foot p.foot_bnr{
	float:left;
	width:234px;
	margin:0 auto 0 32px;
	padding:19px 0 0 0;
	}
#foot p.ad{
	float:right;
	font-size:11px;
	color:#FFFFFF;
	text-align:right;
	margin:0 22px 0 auto;
	padding:19px 0 0 0;
	line-height:140%;
	}
#foot p.foot_menu{
	font-size:11px;
	margin-top:22px;
	color:#FFFFFF;
	line-height:180%;
	}
#foot p.copy_right{
	font-size:11px;
	color:#FFFFFF;
	margin-top:60px;
	}
/**▲共通▲**/


/**▼ＴＯＰ▼**/
#main div#products_box{
	width:732px;
	padding-top:9px;
	margin:0 auto 0 2px; 
	}
#main div#products_box h3{
	margin:0 auto 30px auto;
	padding:0;
	}
#main div#products_box ul.item{
	list-style-type:none;
	margin:5px auto 0 4px;
	}
#main div#products_box ul.item li{
	float:left;
	margin-left:7px;
	}
#main div#products_box ul.sub_menu{
	width:680px;
	height:35px;
	margin:15px auto 0 28px;
	list-style-type:none;	
	}
#main div#products_box ul.sub_menu li{
	width:132px;
	height:35px;
	float:left;
	margin:0 auto 0 5px;
	}
#main div#products_box ul.sub_menu li.sub_menu01{
	margin:0 auto 0 0;
	}

#main div#matilda_box{
	float:left;
	width:417px;
	height:317px;
	margin:0 auto 0 14px;
	display:inline;
	}
#main div#matilda_box h3{
	height:43px;
	margin:0 auto;
	padding:0;
	}
#main div#matilda_box div.txt_box{
	background:url(../img/top/matilda_bg.jpg) no-repeat scroll 0 0;
	height:274px;
	}
#main div#matilda_box div.txt_box p{
	}
#main div#matilda_box div.txt_box a{
	color:#996600;
	}
#main div#news_box{
	float:left;
	width:280px;
	height:302px;
	margin:16px auto 0 10px;
	background:url(../img/top/news_bg.jpg) no-repeat scroll 0 0;
	}
#main div#news_box a{
	color:#996600;
	}
#main div#news_box h3{
	height:34px;
	margin:0 auto;
	padding:0;
	}
#main div#news_box div.txt_box{
	width:260px;
	height:202px;
	overflow:auto;
	}
#main div#news_box div.txt_box h4{
	font-weight:normal;
	text-align:left;
	margin:4px auto 0 10px;
	font-size:13px;
	}
#main div#news_box div.txt_box p{
	text-align:left;
	margin:0 auto 0 10px;
	padding:0 0 0 8px;
	font-size:13px;
	background:url(../img/top/txt_line.jpg) no-repeat scroll left bottom;
	letter-spacing:0;
	}
#main div#bnr_sps{
	margin:50px auto 20px auto;
	}
	
	

/* *▼2階層目以下共通▼* */
#sub_main{
	float:left;
	width:737px;
	background:url(../img/common/main_top_bg.jpg) no-repeat scroll top left;
	}
#sub_main h3.top_title{
	margin:9px auto 0 auto;
	}
	
#sub_left{
	float:left;
	width:163px;
	background:url(../img/left/left_bg.jpg) no-repeat 2px 0;
	}
#sub_left h3{
	margin:7px auto 0 1px;
	padding:0;
	}
#sub_left h3.no_margin{
	margin:0 auto 0 1px;
	padding:0;
	}
#sub_left ul.left_menu{
	margin:0 auto 30px 1px;
	padding:0;
	list-style-type:none;
	}
#sub_left ul.left_menu li{
	margin:0 auto 0 1px;
	padding:0;
	line-height:60%;
	}
#sub_left div#left_ad{
	position:absolute;
	left:1px;
	bottom:30px;
	padding:0 0 0 4px;
	}
#sub_left div#left_ad h4{
	font-size:15px;
	color:#FFFFFF;
	text-align:left;
	border-bottom:1px #999900 solid;
	letter-spacing:0;
	
	}
#sub_left div#left_ad p{
	color:#FFFFFF;
	text-align:left;
	letter-spacing:0;
	}	

#sub_left p.left_bnr{
	padding-left:4px;
	}






#sub_main p.page_top{
	text-align:right;
	margin:20px 12px 0 auto;
	}
/* *▲2階層目以下共通▲* */