@charset "utf-8";
/* CSS Document */

body{
font-size:12px;
background:#cdc7bb;
line-height:1.5em;
letter-spacing:0.1em;
}

a:link{color:#006bbc; text-decoration:underline;}
a:hover{color:#002a49; text-decoration:underline;}
a:active{color:#006bbc; text-decoration:underline;}


#container{
	width:100%;
	height:auto;
	margin:0 auto;
	background:url(../img/bg.gif) top left repeat-x;
}

#head{
	width:900px;
	height:114px;
	padding-top:10px;
	background:#ffffff;
	border-bottom: 3px solid #83c4ef;
}


#head .logo{
	width:245px;
	height:69px;
	padding-left: 20px;
}


#head .menu{
	width:850px;
	padding-top:25px;
	height: 12px;
	padding-left: 50px;
}

#head .menu li{
	float:left;
	margin-right: 40px;
}

#head .menu li.last{
	float:left;
	margin-right: 0px;
}


#foot{
	width:900px;
	height:20px;
	background:#ffffff;
	margin:0 auto;
	padding-bottom: 10px;
	border-bottom: 1px solid #cccccc;
}

#foot ul{
padding-left:15px;
}

#foot li{
	float:left;
	list-style:none;
	margin-right:10px;
	padding-top:5px;
	padding-right: 10px;
	border-right:1px solid #cccccc;
}



#foot li.last{
float:left;
padding-top:5px;
margin-right:0px;
list-style:none;
border-right:none;
}

#wrapper{
	width:900px;
	margin:0 auto;
	background: #ffffff;
}

#wrapper .topcont{
width:862px;
margin:0 auto 50px;
}

#wrapper .secondcont{
	width:870px;
	margin:0 auto;
	padding-top:30px;
}

#wrapper .topcont .left{
	width:630px;
	height:auto;
	float:left;
	margin-bottom: 50px;
}

#wrapper .topcont .left h2{
margin-bottom:10px;
}

#wrapper .topcont .left dl{
	width:630px;
	height:auto;
	border-bottom:1px dotted #000000;
	margin-bottom:15px;
	padding-bottom: 10px;
}

#wrapper .topcont .left dt{
width:100px;
float:left;
}

#wrapper .topcont .left dd{
width:510px;
float:right;
text-align:left;
}



#wrapper .topcont .right{
width:214px;
height:auto;
float:right;
}

#wrapper .topcont .right li{
margin-bottom:15px;
}

#wrapper .leftcolumn{
	width:150px;
	height:auto;
	float:left;
	margin-bottom:100px;
}
#wrapper .leftcolumn h2{
margin-bottom:5px;
}

#main_img{
width:900px;
height:410px;
margin-bottom:40px;
}

.copy{
	width:890px;
	text-align:right;
	padding-top:10px;
	padding-bottom:50px;
	background:#ffffff;
	padding-right: 10px;
}

.maruhan_infotable{
margin-bottom:30px;
}

.maruhan_infotable td{
	line-height:1.5em;
	letter-spacing:0.1em;
	padding-left:10px;
	vertical-align: top;
}



#wrapper .rightcolumn{
	width:690px;
	height:auto;
	float:right;
	padding-right:10px;
	padding-left: 10px;
	margin-bottom: 50px;
}

#wrapper .rightcolumn h2{
margin-bottom:20px;
}

#wrapper .rightcolumn .intro{
letter-spacing:0.1em;
line-height:1.5em;
margin-bottom:30px;
}

#wrapper .rightcolumn .input_table{
	width:670px;
	margin:0 auto 20px;
}

#wrapper .rightcolumn .input_table th{
	width:165px;
	padding:10px;
	text-align:left;
	vertical-align:top;
	background:#e2f0ff;
	border-bottom:1px solid #dddddd;
}

#wrapper .rightcolumn .input_table th.last{
	width:165px;
	padding:10px;
	text-align:left;
	vertical-align:top;
	background:#e2f0ff;
	border-bottom:none;
}


#wrapper .rightcolumn .input_table td{
width:auto;
padding:10px;
text-align:left;
vertical-align:top;
border-bottom:1px solid #dddddd;
}

#wrapper .rightcolumn .input_table td.last{
width:auto;
padding:10px;
text-align:left;
vertical-align:top;
border-bottom:none;
}

.inputbar_txt{
	width:400px;
	border:1px solid #dddddd;
	font-size:12px;
}

.input_text1{
width:400px;
padding:2px;
border:1px solid #dddddd;
}

.input_text2{
width:200px;
padding:2px;
border:1px solid #dddddd;
}

.input_text3{
	width:120px;
	padding:2px;
	border:1px solid #dddddd;
}

.err{
	width:670px;
	margin:0 auto 20px;
	color:#ff0000;
	line-height: 1.3em;
}

.point{
font-weight:bold;
color:#ff0000;
}

/* 事例 */
.case_table{
width:690px;
height:156px;
margin-bottom:40px;
}

.case_table th{
	width:auto;
	height:156px;
	vertical-align:middle;
	text-align: left;
}

.case_table td{
width:344px;
height:156px;
}

.cat_bar{
margin-bottom:10px;
}

.row_txt{
	line-height:1.5em;
	margin-bottom:40px;
	padding-left:15px;
	width: 675px;
}


.solution_list{
width:690px;
height:108px;
margin-bottom:40px;
}

.solution_list li{
float:left;
margin-right:20px;
}

.solution_list li.last{
float:left;
margin-right:0px;
}

.resultarea{
text-align:center;
width:690px;
text-align:center;
}

.resultarea img{
margin-bottom:15px;
}

.contact_btnarea{
width:690px;
height:auto;
margin-bottom:50px;
}

.contact_btnarea th{
text-align:left;
padding-bottom:10px;
text-align:center;
}

.contact_btnarea td{
text-align:left;
padding-bottom:10px;
text-align:center;
}

/*サイトマップ*/

ul.first{
margin-left:10px;
}

ul.first span{
color:#0099ff;
}

ul.first li{
padding-bottom:15px;
}

ul.second{
	padding-top:10px;
	margin-left:5px;
}

ul.second span{
color:#66ccff;
}

.link_bnr li{
width:334px;
height:60px;
float:left;
margin-bottom:20px;
}

.link_bnr li.right{
width:334px;
height:60px;
float:right;
margin-bottom:20px;
}

/* 代理店 */

.agentimg{
margin-bottom:30px;
}

.agentimg li{
width:222px;
height:120px;
float:left;
margin-right:10px;
margin-bottom:10px;
}

.agentimg li.last{
width:222px;
height:120px;
float:left;
margin-right:0px;
margin-bottom:10px;
}

/* pp */

.chatch{
font-weight:bold;
font-size:14px;
color:#123d58;
margin-bottom:15px;
}

.pp_cont{
padding-top:20px;
}

.pp_cont p{
margin-bottom:10px;
}

/* aboutus */
.a_copy{
	font-weight:bold;
	font-size:14px;
	margin-bottom: 10px;
}

.company_info{
width:690px;
height:auto;
margin-bottom:40px;
}

.company_info th{
	font-weight:bold;
	width:180px;
	vertical-align:top;
	padding:5px 0px 5px 5px;
	text-align:left;
}

.company_info td{
vertical-align:top;
padding:5px 0px 5px 5px;
text-align:left;
width:auto;
}

.brandsent_info{
	width:690px;
	height:auto;
	margin-bottom:30px;
}

.brandsent_info .txt{
	width:345px;
	text-align:left;
	vertical-align: top;
}

.brandsent_info .txt p{
line-height:2em;
}

.lineup_info{
width:300px;
height:auto;
}

.lineup_info th{
	font-weight:normal;
	vertical-align:top;
	text-align:left;
	padding-bottom:10px;
}

.lineup_info td{
	vertical-align:top;
	text-align:left;
	padding-bottom:10px;
	line-height:1.5em;
}

.lineup_subtitle{
	margin-left:20px;
	padding-left:10px;
	border-left:2px solid #4f8ac8;
	color:#4f8ac8;
	text-align:left;
	margin-bottom:10px;
	font-weight: bold;
}

.lineup_list{
margin-left:20px;
}

.lineup_list li{
	float:left;
	margin-bottom:30px;
	margin-right: 30px;
}

.lineup_list li.last{
float:left;
margin-bottom:30px;
margin-right:0px;
}

/*clearfix ----------------------------------------------------------------*/

.clearfix:after{
content: "url(/shared/img/spacer.gif)"; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
overflow:auto;
font-size:0px;
}

.clearfix {
display: inline-block;
min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix{
height: 1%;
}
.clearfix{
display: block;
}

/* End hide from IE-mac */


/*.clearfix{
overflow:hidden;
}
*/