@charset "shift_jis";
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

	file name : contents.css

 : :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

	
/* ********************************************************************************
 * TOP
 * ******************************************************************************** */
div#topcontents{
	width:950px;
	margin:0 auto;
	padding:25px;
	} 
div#topcontents .box1{
	width:469px;
	height:254px;
	float:left;
	}
div#topcontents .box1 p{
	}
div#topcontents .box2{
	width:469px;
	height:254px;
	position:relative;
	float:right;
	}
div#topcontents .box2 .btn{
	}	
div#topcontents .box2 .customer {
	position:absolute;
	background: url(../../img/img_box02.gif) no-repeat;
	width:116px;
	height:81px;
	left: 20px;
	top: 153px;
	padding:0;
	margin:0;
	}	
div#topcontents .box2 dl img, div#topcontents .box2 dt img, div#topcontents .box2 dd img {
	vertical-align:top;
}
div#topcontents .box2 dt {
	position:absolute;
	top: 11px;
	left: 11px;
	line-height:0.8;
}
div#topcontents .box2 dd {
	position:absolute;
	top: 61px;
	left: 11px;
	line-height:0.8;
}
div#topcontents .box2 dd.num {
	position:absolute;
	display:block;
	font-size:200%;
	font-weight:bold;
	color:#ff0000;
	top: 32px;
	left: 30px;
	line-height:20px;
}


div#maincontents{
	width:686px;
	clear:both;
	float:left;
	}
div#maincontents .box1{
	float:left;
	border-right: 1px solid #CCC;
	padding:0 16px 0 0;
	width:326px;
	}
div#maincontents .box1 ul{
	background: url(../../img/img_line_01.gif) repeat-x bottom;
	padding:0 0 10px 0;
	width:326px;
	}
div#maincontents .box1 ul li{
	float:left;
	}	
div#maincontents .box1 ul .list{
	background: url(../img/img_rssicon.gif) no-repeat left center;
	padding:4px 0 0 30px;
	margin:0 0 0 110px;
	}
div#maincontents .box2{
	float:left;
	padding:0 0 0 16px;
	width:326px;
	}
div#maincontents .box2.clearfix .service.mgnBtm20 .floatRight .mgnBtm10.midashi{
	background: url(../img/icon_rink.gif) no-repeat left center;
	padding:0 0 0 18px;
	}
div#maincontents .box2.clearfix .service.mgnBtm20 .floatRight .mgnBtm10.midashi .textBold a{
	color:#000;
	}
div#maincontents .box2.clearfix .service.mgnBtm20 .floatRight .mgnBtm10.midashi .textBold a:hover {
	color: #ea5404;
}
div#maincontents .box2 ul{
	background: url(../../img/img_line_02.gif) repeat-x bottom;
	padding:0 0 10px 0;
	width:326px;
	}
div#maincontents .box2 ul li{
	float:left;
	}	
div#maincontents .box2 ul .list{
	background: url(../img/img_rssicon.gif) no-repeat left center;
	padding:4px 0 0 30px;
	margin:0 0 0 110px;
	}			
div#maincontents .news .special{
	background: #FFD697;
	border: 1px solid #F63;
	padding:5px;
	}
/*
	2012/4/3 お知らせ・リリースのレイアウト変更
	　日付、マーク＆テキストが2段のところを
	　日付、マーク、テキストを1段に変更
*/
div#maincontents .news dl {
	border-bottom: 1px dashed #CCC;
	/*padding:5px 0;*/
	padding:10px 0;	/* 変更：上下余白調整 */
	}
/* 追加：日付の左フロート：これによりマーク・テキストが日付の横に並ぶ */
div#maincontents .news dt {
	float:left;
	padding-right:7px;
	}
/* コメントアウト：dlにて調整したため不要
div#maincontents .news dl dt {
	margin: 0 0 5px 0;
	}
*/
div#maincontents .news dl dd span.newsicon {
	display:block;
	float:left;
	/*padding:2px 0 0 0;*/
	padding:1px 7px 0 0;	/* 変更：マーク上、左右余白調整 */
	}
div#maincontents .news dl dd span.newstxt {
	display:block;
	width: 520px;
	float: right;
	text-align: left;
	}



/*
div#maincontents .news ul{
	border-bottom: 1px solid #CCC;
	padding:5px 0;
	}	
div#maincontents .news ul li{
	float:left;
	}
div#maincontents .news ul li.news1{
	background: url(../img/img_news_01.gif) no-repeat left;
	padding:0 5px 0 70px;
	}
div#maincontents .news ul li.news2{
	background: url(../img/img_news_02.gif) no-repeat left;
	padding:0 5px 0 70px;
	}
div#maincontents .news ul li.news3{
	background: url(../img/img_news_03.gif) no-repeat left;
	padding:0 5px 0 70px;
	}
div#maincontents .news ul li.news4{
	background: url(../img/img_news_04.gif) no-repeat left;
	padding:0 5px 0 70px;
	}
div#maincontents .news ul li.news5{
	background: url(../img/img_news_05.gif) no-repeat left;
	padding:0 5px 0 70px;
	}
div#maincontents .news ul li a:hover{
	color: #ea5404;
	text-decoration: underline;
	background: #FFD697;
	widows:510px;
	}
div#maincontents .news .newsp{
	clear:both;
	line-height:1em;
	width:686px;
	border-bottom: 1px solid #CCC;
	padding:7px 0;
	max-width:686px;
	}	
div#maincontents .news a:hover{
	color: #ea5404;
	text-decoration: underline;
	background: #FFD697;
	width:686px;
	padding:7px 0;
	}
*/



/* ********************************************************************************
 * 下層
 * ******************************************************************************** */	
 
/* ********************************************************************************
 * contact
 * ******************************************************************************** */
div.contact .contactbox{
	width:683px;
	margin:0 auto;
	background: #FCFCC9 url(../../inquiry/img/bg_top.gif) no-repeat top;
	padding:5px 0 0 0;
	}
div.contact .contactbox .contactboxinner{
	background: url(../../inquiry/img/bg_under.gif) no-repeat bottom;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	padding:0 0 1px 0;
	} 
div.contact .contactbox .contactboxinner .box1{
	float:left;
	width:225px;
	text-align:center;
	border-right: 1px dashed #CCC;
	margin:15px 0;
	/padding:10px 0;
	height:84px;
	}
div.contact .contactbox .contactboxinner .box2{
	border:none;
	float:left;
	width:225px;
	text-align:center;
	margin:15px 0;
	/padding:10px 0;
	height:84px;
	} 	 
div.contact .form .formbox{
	width:315px;
	height:200px;
	float:left;
	border-right: 1px dashed #CCC;
	padding:10px 14px 0 0;
	margin:0 15px 0 0;
	/margin:0 10px 0 0;
	} 
div.contact .form .formboxlast{
	width:250px;
	height:200px;
	float:left;
	padding:10px 10px 0 0;
	}  
div#contents .contact .form .formbox .btn{
	background: #EFEFEF;
	padding:15px;
	}
div.contact .form .formboxlast .btn{
	background: #EFEFEF;
	padding:15px;
	}
div#contents .contact p.sbtn{
	float:left;
	text-align:center;
	padding:32px 30px 0 0;
	background: url(../../inquiry/img/bg_sbox.gif) no-repeat;
	width:227px;
	height:101px;
	}	
div#contents .contact ul.service{
	float:left;
	margin:0 30px 50px 0;
	}	
div#contents .contact ul.service li{
	background: url(../img/img_bigarow.gif) no-repeat left;
	padding:0 0 0 15px;
	}	
div#contents .contact .form{
	padding:0 0 50px 0;
	}
div#contents .contact .box{
	float:left;
	padding:0 50px 0 0;
	}
div#contents .contact .box p.btn{
	float:left;
	text-align:center;
	padding:32px 30px 0 0;
	background: url(../../inquiry/img/bg_sbox.gif) no-repeat;
	width:227px;
	height:101px;
	margin:0 0 0 35px;
	}
div#contents .contact .box p.btn img{
	margin:-5px 0 0 -5px;
	}	
div#contents .contact .box p.btn2{
	float:left;
	text-align:center;
	padding:32px 30px 0 0;
	background: url(../../inquiry/img/bg_sbox.gif) no-repeat;
	width:227px;
	height:101px;
	margin:0 0 0 35px;
	}							
/* ********************************************************************************
 * fqa
 * ******************************************************************************** */	
div#maincontents .faq .midshi{
	border-bottom: 1px solid #EE4712;
	padding:0 0 0 12px;
	margin:0 0 15px 0;
	border-left: 8px solid #EE4712;
	}
div#maincontents .faq .midshi h4{
	float:left;
	height:27px;
	padding:6px 0 0 0;
	}
div#maincontents .faq .midshi p{
	float:right;
	line-height:27px;
	}	
div#maincontents .faq dl{
	padding:0 0 15px 0;
	}
div#maincontents .faq dl .qa{
	font-size:14px;
	font-weight:bold;
	padding:0 0 5px 0;
	text-decoration:underline;
	cursor:pointer;
	}	
div#maincontents .faq dl .qa.accordion_head a{
	text-decoration: underline;
	color: #666666;
	}	
div#maincontents .faq dl dd span.link{
	display:block;
	background: url(../img/icon_rink.gif) no-repeat left;
	padding:0 0 0 18px;
	}	
div#maincontents .faq .pagetop{
	padding:0 0 30px 0;
	}	
/* ********************************************************************************
 * search
 * ******************************************************************************** */
div.search .searchbox{
	width:750px;
	margin:0 auto;
	padding:5px 0 0 0;
	}
	
	
/* ********************************************************************************
 * news
 * ******************************************************************************** */	
div#maincontents .news ul{
	border-bottom: 1px dashed #CCC;
	padding:5px 0;
	}
div#maincontents .news ul li{
	float:none;
	}	
div#maincontents .news ul li.icon1{
	background: url(../img/img_news_01.gif) no-repeat right;
	width:160px;
	}	
div#maincontents .news ul li.icon2{
	background: url(../img/img_news_02.gif) no-repeat right;
	width:160px;
	}
div#maincontents .news ul li.icon3{
	background: url(../img/img_news_03.gif) no-repeat right;
	width:160px;
	}
div#maincontents .news ul li.icon4{
	background: url(../img/img_news_04.gif) no-repeat right;
	width:160px;
	}
div#maincontents .news ul li.icon5{
	background: url(../img/img_news_05.gif) no-repeat right;
	width:160px;
	}
div#maincontents .news ul li.icon6{
	background: url(../img/img_news_06.gif) no-repeat right;
	width:160px;
	}					
div#maincontents .news .midshi{
	border-bottom: 2px solid #EE4712;
	margin:0 0 15px 0;
	position: relative;
	}
div#maincontents .news .midshi h4{
	float:left;
	padding:0 0 5px 0;
	width: 580px;
	}
div#maincontents .news .midshi p.day{
	float:right;
	height:1em;
	position: absolute;
	right: 0;
	bottom: 10px;
	}	
div#maincontents .news ul .listing span{
	vertical-align:middle;
	margin:0 5px 0 0;
	}	
div#maincontents .news ul .listing img{
	vertical-align:middle;
	}

/* ********************************************************************************
 * privacy
 * ******************************************************************************** */	
div.privacy .contactbox{
	width:683px;
	margin:0 auto;
	background: #FCFCC9 url(../../privacy/img/bg_top.gif) no-repeat top;
	padding:5px 0 0 0;
	}
div.privacy .contactbox .contactboxinner{
	background: url(../../privacy/img/bg_under.gif) no-repeat bottom;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	padding:0 0 1px 0;
	}
div.privacy .contactbox .contactboxinner .orenge{
	color:#ee4712;
}
div.privacy dl.linebox{
}
div.privacy dl.linebox dt {
	border-bottom:1px solid #cccccc;
	line-height:2;
	font-weight:bold;
	color:#000;
	margin:0 0 10px;
}
div.privacy dl.linebox dd {
	margin:0 0 20px;
}
/* ********************************************************************************
 * plink
 * ******************************************************************************** */	
/* div#contents .link ul li{
	background:url(../img/icon_rink.gif) no-repeat left 5px;
	padding:0 0 0 20px;
}	*/

/* ********************************************************************************
 * sitemap
 * ******************************************************************************** */	
div#contents .sitemap .box a{
	color: #666666;
	}
div#contents .sitemap .box a:hover{
	color: #ea5404;
	text-decoration: underline;
	}	
div#contents .sitemap .box{
	float:left;
	padding:0 70px 30px 0;
	}
div#contents .sitemap .box h3{
	padding:0 0 10px 0;
	}
div#contents .sitemap .box dl dt{
	font-weight:bold;
	background: url(../img/img_bigarow.gif) no-repeat left;
	padding:0 0 0 15px;
	line-height:1.8em;
	}
div#contents .sitemap .box dl dd{
	background: url(../img/img_arow.gif) no-repeat left;
	padding:0 0 0 10px;
	margin:0 0 0 15px;
	line-height:1.8em;
	}	
div#contents .contact .mgnBtm50 tr td{
	padding:0 20px 20px 0;
	}
div#contents .contact .mgnBtm50 tr td img{
	padding:0 0 3px 0;
	}		

/* ********************************************************************************
 * map
 * ******************************************************************************** */	
div#map{
	width:686px;
	margin:0 auto;
	padding:10px 0 0 0;
	}
	
	
/* ********************************************************************************
 * download
 * ******************************************************************************** */		
div#maincontents .download .boxside{
	background: url(../../download/img/box_side.gif) repeat-y;
	width:332px;
	}	
div#maincontents .download .boxside .boxtop{
	background: url(../../download/img/box_top.gif) no-repeat top;
	}
div#maincontents .download .boxside .boxtop .boxunder{
	background: url(../../download/img/box_under.gif) no-repeat bottom;
	padding:15px;
	}	
div#maincontents .download .boxside .boxtop .boxunder .image img{
	border: 1px solid #BFBFBF;
	float:left;
	width:118px;
	}
div#maincontents .download .boxside .boxtop .boxunder .txt{
	width:165px;
	float:right;
	}
div#maincontents .download .boxside .boxtop .boxunder strong a{
	color: #666666;
	}	
div#maincontents .download .boxside .boxtop .boxunder strong a:hover{
	color: #ea5404;
	text-decoration: none;
	}		
div#maincontents .download .mgnBtm50.clearBoth tr td span img{
	padding:0 0 4px 0;
	}
div#maincontents .download h4.dldocttl{
	color:#FE4243;
	padding-left:5px;
	padding-bottom:5px;
	width:327px;
	height:20px;
	vertical-align:middle;
	}