@charset "utf-8";

@import "../../css/common.css";

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

/* style css */

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

#global-navi li a.system{
	background:url('/common_img/header/m_system.gif') no-repeat 0 -40px;
}

/* -------------------------------------------- */
/* container：コンテンツ */
/* -------------------------------------------- */
#container *{margin:0;padding:0;}
#container{
}

#container h1{
	margin-bottom:15px;
}


/* ---------------------------------------------------------------- */
/* catch */
/* ---------------------------------------------------------------- */
#catch{
	width:890px;
	margin:0 auto 25px;
	padding:15px 20px 10px 15px;
	background:url('../image/catch_photo.jpg') no-repeat 0 0;
}

#catch h2{
	margin:0 0 30px 335px;
}

#catch p{
	width:530px;
	margin:0 0 25px 375px;
}

#catch ul{
	list-style:none;
	width:510px;
	*width:520px;
	margin:0 0 10px 375px;
	padding:8px 0 8px 16px;
	background:#f5f5f5;
	border:#ccc 1px solid;
}
/* clear hack */
#catch ul{zoom:1;}
#catch ul:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#catch li{
	float:left;
	padding-right:20px;
	font-size:0.9em;
	font-weight:bold;
}

#catch li a{
	padding:0 0 0 21px;
	background:url('../image/arw_submenu.gif') no-repeat 0 4px;
}

/* ---------------------------------------------------------------- */
/* support */
/* ---------------------------------------------------------------- */
#support,
#flow{
	width:940px;
	margin:0 auto 40px;
}

#support h2{
	margin-bottom:20px;
}

/* --- planing-area --- */
#support .planing-area{
	margin-bottom:25px;
	padding:0 15px 30px 15px;
	border-bottom:#666 1px dotted;
}
/* clear hack */
#support .planing-area{zoom:1;}
#support .planing-area:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#support .planing-area .left{
	float:left;
	width:616px;
}

#support .planing-area .left h3{
	margin-bottom:20px;
}

#support .planing-area .left p{
	padding:0 37px;
}

#support .planing-area .right{
	float:right;
	padding-top:27px;
}

/* --- sekkei-area --- */
#support .sekkei-area{
	margin-bottom:25px;
	padding:0 15px 30px;
	border-bottom:#666 1px dotted;
}
/* clear hack */
#support .sekkei-area{zoom:1;}
#support .sekkei-area:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#support .sekkei-area .right{
	float:right;
	width:605px;
}

#support .sekkei-area .right h3{
	margin-bottom:20px;
}

#support .sekkei-area .right p{
	padding:0 40px;
}

#support .sekkei-area .left{
	float:left;
	padding:28px 0 0 10px;
}

/* --- kanri-area --- */
#support .kanri-area{
	margin-bottom:25px;
	padding:0 15px 30px 15px;
	border-bottom:#666 1px dotted;
}
/* clear hack */
#support .kanri-area{zoom:1;}
#support .kanri-area:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#support .kanri-area .left{
	float:left;
	width:577px;
}

#support .kanri-area .left h3{
	margin-bottom:20px;
}

#support .kanri-area .left p{
	padding:0 40px;
}

#support .kanri-area .right{
	float:right;
	padding-top:3px;
}

/* --- consul-area --- */
#support .consul-area{
	padding:0 15px 0 25px;
}
/* clear hack */
#support .consul-area{zoom:1;}
#support .consul-area:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#support .consul-area .right{
	float:right;
	width:691px;
}

#support .consul-area .right h3{
	margin-bottom:20px;
}

#support .consul-area .right p{
	margin-bottom:20px;
	padding:0 40px;
}

#support .consul-area .right #model{
	padding:0 0 15px 10px;
	background:url('../image/consul_bottom.gif') no-repeat 10px 100%;
}
/* clear hack */
#support .consul-area .right #model{zoom:1;}
#support .consul-area .right #model:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#support .consul-area .right #model .model{
	float:left;
	width:220px;
	padding-right:10px;
}

#support .consul-area .right #model .model .detail{
	padding:0 12px;
	font-size:0.9em;
	line-height:1.3;
}

#support .consul-area .right #model .model .detail dl{
	margin-bottom:5px;
}
/* clear hack */
#support .consul-area .right #model .model .detail dl{zoom:1;}
#support .consul-area .right #model .model .detail dl:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#support .consul-area .right #model .model .detail dt{
	float:left;
	width:60px;
}

#support .consul-area .right #model .model .detail dd{
	float:right;
	width:136px;
}

#support .consul-area .right #model .last{
	padding-right:0px;
}

#support .consul-area .left{
	float:left;
	padding-top:25px;
}

/* ---------------------------------------------------------------- */
/* proud */
/* ---------------------------------------------------------------- */
#proud{
	width:940px;
	margin:0 auto 20px;
}

#proud .hassho{
	padding:25px 10px 30px;
	background:url('../image/proud_back.jpg') no-repeat 100% 0;
}

#proud .hassho h3{
	margin-bottom:10px;
}

#proud .hassho p{
	width:620px;
	margin:0 0 10px 25px;
}

#proud .hassho p.next{
	width:410px;
}

#proud .hassho ul{
	margin:0 0 10px 40px;
	font-weight:bold;
}

#proud .hassho ul li{
	list-style:none;
	padding:0 0 6px 30px;
	background:url('../image/arw_hassho.gif') no-repeat 0 0 ;
	color:#ff7800;
}

#proud .kaihatsu ul{
	margin:0 0 25px 65px;
	font-weight:bold;
	color:#000;
}

#proud .kaihatsu li{
	padding:0 0 6px 0;
}

#proud .kaihatsu{
	padding:0 10px;
}

#proud .kaihatsu h3{
	margin-bottom:20px;
}

#proud .kaihatsu .inner{
}
/* clear hack */
#proud .kaihatsu .inner{zoom:1;}
#proud .kaihatsu .inner:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#proud .kaihatsu .right{
	float:right;
	padding-right:30px;
}

#proud .kaihatsu .left{
	float:left;
	width:560px;
}

#proud .kaihatsu .left p{
	margin:0 0 10px 25px;
}

#proud .kaihatsu .left p.next{
	margin:0 0 30px 25px;
}

#proud .kaihatsu .left p.note{
	margin-left:15px;
	padding:10px 0 0 15px;
	border-top:#ccc 1px solid;
	font-size:0.8em;
}

#proud .kaihatsu .left h4{
	margin:0 0 10px 25px;
	color:#cc0000;
	font-size:1.2em;
}


/* ---------------------------------------------------------------- */
/* flow */
/* ---------------------------------------------------------------- */
#flow{
}

#flow h2{
	margin-bottom:30px;
}

#flow dl{
	width:900px;
	margin:0 auto 10px;
}
/* clear hack */
#flow dl{zoom:1;}
#flow dl:after{content:".";clear:both;height:0;display:block;visibility:hidden;}


#flow dt{
	float:left;
	width:247px;
}

#flow dd{
	float:right;
	width:600px;
	padding-right:30px;
}

#flow dd span{
	font-weight:bold;
	color:#cc0000;
}

/* ---------------------------------------------------------------- */