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


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

#sub dl#welcome{
	padding:0;
	margin:0;
	width:240px;
	background:url(../../img/front/top/welcome_bg.png) top left no-repeat;
	font-size:12px;
}

#sub dl#welcome dt{
	margin:0 0 0 5px ;
	padding:5px 0 0 5px;
}

* html #sub dl#welcome dt{
	margin-left:5px;
}

#sub dl#welcome dd{
	margin:7px 10px 0 10px ;
}

* html #sub dl#welcome dd{
	margin-right:5px;
	width:155px;
}

#welcome dd span{
	font-size:11px;
}

/* idBox,idBox2 */

#idBox, #idBox2{
	margin-bottom:15px;
	padding:5px 0;
	clear:both;
	background:#F2F2F2;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	font-size:91%;
}

#idBox p{
	margin-bottom:5px;
}

#idBox a.naviLink_03{
	margin:5px 0 5px 10px;
}

#idBox a{
	text-decoration:underline;
}
/* login */

dl#login{
	width:220px;
	margin:10px auto 10px;
	padding:0;
	line-height:1.6em;
}

dl#login dt{
	margin:0 0 5px 5px;
	padding:5px 0 0 0;
	float:left;
	width:80px;
	display:block;
}

dl#login dd{
	margin:0 0 5px 0;
	padding:0 5px 0 95px;
	text-align:right;
}

dl#login dd input{
	margin-bottom:5px;
	padding:4px 2px;
	width:115px;
	border-left:2px solid #BCBCBC;
	border-top:2px solid #BCBCBC;
	border-right:1px solid #CECECE;
	border-bottom:1px solid #CECECE;
	

}

#idBox a.fontS{
	display:inline-block;
	margin:0 0 5px 15px;
	padding:5px 0 0 20px;
	background:url(../../img/front/icon_04.png) left 5px no-repeat;
	letter-spacing:0.1em;
}

#idBox2 {
	padding-top:10px;
	background:url(../../img/front/idborder.png) #F2F2F2 top left no-repeat;
}

#idBox2 p{
	margin:5px 0;
}

#idBox2 p.bottom{
	margin-top:9px;
}

#idBox2 a{
	width:220px;
	display:block;
	margin:0 auto 8px;
}

#idBox2 p a{
	display:inline;
}

#idBox2 div{
	width:203px;
	height:50px;
	padding:7px 7px 3px 10px;
	margin:0 auto;
	font-size:11px;
	background:url(../../img/front/common2/idBox2_bgy.gif) no-repeat;
}


/* new_customer */

#new_customer{
	margin-bottom:15px;
	padding:10px 10px 5px 10px;
	border:1px solid #FF6D00;
	background:#FFF9E8;
}

#sub #new_customer p{
	margin:5px 0;
}



/*ID*/


dl#userId {
padding:5px 0;
background:#FFFFFF;
}

dl#userId dt{
	margin-left:5px;
	padding-left:20px;
	font-weight:bold;
	background:url(../../img/front/icon_02.gif) 0 1px no-repeat;
}

dl#userId dd{
	font-size:84%;
	padding-left:20px;
}

dl#userId a.naviLink_03{
	margin:7px 0 2px 0;
}


/*.detail_01*/
#main div.detail_01{
	margin:-15px 0 20px 0;
	padding:10px;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	background:#FFFFFF;
}



/*#othersiteInfo*/

#main #othersiteInfo {
	overflow:hidden;
	margin-top:-10px;
	margin-bottom:10px;
}

#othersiteInfo a.naviLink_03{
	width:300px;
	float:left;
}


/*#top_sBtn*/

#main div#top_sBtn{
	width:250px;
	margin:0 0 0 10px;
	padding:0;
	overflow:hidden;
	clear:none;
	float:left;
}

#main div#top_sBtn p{
	margin:0 0 10px 0;
	padding:0;
}

/*#dlList*/

#main #dlList{
	width:380px;
	padding:0;
	margin-bottom:0;
	float:left;
}

#main #dlList h2{
	margin:0 0 10px 0;
	padding:0;
}

#main .oll{
	margin:0 0 5px 0;
	padding:5px 11px;
	background:#F2F2F2;
}

#main div#dlList ul {
	padding:0;
	margin:0 0 8px 0;
}

#main div#dlList ul li{
	padding:10px 0 10px 25px;
	list-style:none;
	margin:0 10px;
	border-bottom:1px dotted #CCCCCC;
	background:url(../../img/front/icon_pdf.gif) left center no-repeat;
}

#main .adobe{
	font-size:10px;
	letter-spacing:0.04em;
}

#main .adobe p,
#main .adobe a{
	display:inline-block;
}

#main .adobe p{
	padding-top:3px;
}

#main .adobe a{
	float:right;
	padding-right:10px;
}


/*#forIE*/

* html #othersiteInfo a.naviLink_03{
	width:280px;
}

* html #othersiteInfo a.right{
	width:260px;
}

* html #main div#top_sBtn{
	margin-top:-215px;
}

* html #main div#qaList{
	margin-top:0;
}

/* ---------[ Slideshow ]--------- */

#slideshow {
	width: 626px;
	margin: 0 0 10px;
	padding:6px;
	background:#F0F0F0;
	height:236px;
	overflow:hidden;
	border:1px solid #CCCCCC;

	}

#slideshow ul {
	background:transparent;
	margin: 0;
	padding: 0;
	list-style-type: none;
	}           

/* ---------[ Slideshow Slides ]--------- */

#slideshow .slides {
	width:486px;
	overflow: hidden;
	float:left;
	color:#fff;
	}

#slideshow .slides ul {
	float:left;
	overflow: hidden;
	width:486px;
	height:236px;
	}

#slideshow .slides li {
	display:none;
	left:-99999em;
	width:486px;
	height:236px;
	display:block;
	overflow: hidden;
	background:#000;
	position:relative;
	z-index:1;
	}

.js #slideshow .slides li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width:486px;
	height:236px;
	display:block;
	overflow: hidden;
	background:#000;
	position:relative;
	z-index:1;
	}

.js #slideshow .slides li .entry {
	width:480px;

	overflow: hidden;
	position:absolute;
	bottom:0;
	left:0;
	background:#000;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	}

#slideshow .slides li .entry p {
	margin: 0;
	}

#slideshow .slides li .entry h2 a, 
#slideshow .slides li .entry h2 a:link,
#slideshow .slides li .entry h2 a:visited,
#slideshow .slides li .entry h2 a:hover,
#slideshow .slides li .entry h2 a:active  {
	font-size:12pt;
	line-height: 1.1em;
	margin:0;
	color:#fff !important;
	margin: 0;
	letter-spacing:0;
	}

/* ---------[ Slideshow Navigation ]--------- */


#slideshow  ul.slides-nav {
	height:240px;
	width:140px;
	margin:0;
	padding: 0;
	float:right;
	overflow:hidden;
	}

#slideshow .slides-nav li {
	display:block;
	margin:0 0 ;
	padding:0;
	list-style-type:none;
	display:block;
	}

#slideshow .slides-nav li a {
	width:140px;
	display:block;
	margin:0;
	display:block;
	height:59px;
	text-indent:-9999px;
	overflow:hidden;
	background-repeat:no-repeat;
	}
/*
#slideshow .slides-nav li.last-c{
	margin:0 0 10px;
} 	
	*/
	
#slideshow .slides-nav li #thum01{
	background-image:url(../../img/front/top/btn01.jpg);
}	

#slideshow .slides-nav li #thum02{
	background-image:url(../../img/front/top/btn02.jpg);
}	

#slideshow .slides-nav li #thum03{
	background-image:url(../../img/front/top/btn03.jpg);
}	

#slideshow .slides-nav li #thum04{
	background-image:url(../../img/front/top/btn04.jpg);
}	


.js #slideshow .slides-nav li a:hover,
.js #slideshow .slides-nav li a:active {
	background-position:0 -59px;
	}
.js #slideshow .slides-nav li.on a {
	background-position:0 -118px;
}

#slideshow .slides-nav li a img.post-thum, 
#slideshow .slides-nav li a img.thumbnail {
	float:left;
	margin: 0 10px 0 0;
	border:0;
	padding:1px;
	background:#999;
	width:28px;
	height:40px;
	}

.js #slideshow .slides-nav li.on a img.post-thum, 
.js #slideshow .slides-nav li.on a img.thumbnail {
	background:#fff !important;
	}


#slideshow {
	z-index:0;
}

div.slides,
#main-post-1,
#main-post-2,
#main-post-3,
#main-post-4{
	z-index:1 !important;
}

/*top_point*/

#main .top_point a{
	display:block;
	float:left;
	margin-right:10px;
	padding:0;
}

#main .top_point {
	width:650px;
	margin-bottom:20px;
	overflow:hidden;
}

/*newinfo*/

#main h2.newinfo{
background:url(../../img/front/mainTitle_news.png);
width:640px;
height:40px;
text-indent:-9999px;
}

a.newinfo_btn {
	display:block;
	margin:-46px 7px 0 0 ;
	float:right;
	width:105px;
}

/*topVoice*/

#main h2.topVoice{
	background:url(../../img/front/voice/mainTitle_voice.png);
	width:640px;
	height:40px;
	text-indent:-9999px;
}

#main ul#topVoice{
	width:630px;
	margin: 0 20px 10px 0;
	padding:0;
	overflow:hidden;
}

#main ul#topVoice li{
	display:block;
	width:291px;
	float:left;
	margin: 0 0 10px 10px;
	padding:5px 5px 0 5px;
	overflow:hidden;
	border:1px solid #CCCCCC;
	background:#F7F7F7;
	color:#444444;
	cursor:pointer;
}

#main ul#topVoice li:hover{
	text-decoration:none;
	background:#FFF9E8;
	border:1px solid #FFE164;
}

#main ul#topVoice dl{
	width:180px;
	float:right;
}

#main ul#topVoice dt{
	margin:2px 0 10px 0;
	padding-left:5px;
	font-weight:bold;
	border-left:5px solid #FF9F00;
}

#main ul#topVoice dd{
	line-height:1.2;
	padding-left:8px;
}

#main ul#topVoice img{
	border:1px solid #FFFFFF;
	margin:0;
	padding:0 0 5px 0;
	display:block;
	float:left;
	width:98px;
}

#main ul#topVoice dd span{
	font-size:11px;
	line-height:1.1;
}


/*.security_info */

#main table.security_info{
	margin:0 auto 10px;
	padding:0;
	width:600px;
	border-top:1px dotted #CCCCCC;
}

.security_info td{
	padding:15px 0;
	text-align:center;
	border-bottom:1px dotted #CCCCCC;
}

.security_info td span{
	letter-spacing:0;
}

.security_info td.col-1{
	vertical-align:top;
}

.security_info td.col-2{
	vertical-align:middle;
}

#main .security_info td h3{
	margin:0 0 5px 0;
	padding-left:23px;
	width:407px;
	background:url(../../img/front/icon_check04.gif) left no-repeat;
	text-align:left;
}

#main .security_info td p{
	margin:0 0 0 23px;
	width:407px;
	text-align:left;
}

body #main .detail_01 a.link_01{
	margin:0 0 0 10px;
	width:590px;
	padding:0 0 0 15px;
	background-position:0 4px;
}


/*----------------------------------------------------
	index_first
----------------------------------------------------*/


/*.first*/

.first {
	border-left:1px solid #FF8B00;
	border-right:1px solid #FF8B00;
	border-bottom:1px solid #FF8B00;
}

#main .first h2{
	margin-left:-1px;
	padding:0;
}

#main .first p{
	margin:0 30px 20px;
}

/*----------------------------------------------------
	history
----------------------------------------------------*/

ul.yearlist{
	background:#F2F2F2;
	padding:3px 11px;
	width:598px;
}

ul.yearlist li{
	display:inline;
	list-style:none;
	margin:0 10px 0 0;
	padding:0;
	background:none;
}

ul.yearlist li a{
	text-decoration:underline;
}


/*----------------------------------------------------
	missing_view
----------------------------------------------------*/

/*.e404 */

.e404 {
	text-align:center;
}

#main.e404 h2{
	margin:40px 0 25px;
}

#main.e404 div{
	background:url(../../img/front/img_404.gif) bottom center no-repeat;
	padding-bottom:350px;
}


/*----------------------------------------------------
	error&accept
----------------------------------------------------*/

#main.error .detail_05{
	width:638px;
	padding:8px 0;
	margin:30px auto 0;
	background:#FFF7D6;
	border:1px solid #FF9F00;
}

#main.error .detail_03{
	width:638px;
	margin:30px 0 0 0;
	padding:20px 0 5px 0;
	overflow:hidden;
}

.error #userId{
	width:320px;
	float:left;
	background:none;
}

.error #userId dt{
	margin-bottom:10px;
}

.error #userId dd{
	font-size:100%;
}

.error #idBox{
	clear:none;
	width:278px;
	border:1px solid #FFFFFF;
}

.error .right{
	float:right;
	width:280px;
	margin-right:10px;
}

* html .error .right{
	margin-right:5px;
}


/*----------------------------------------------------
	#achievement
----------------------------------------------------*/

div#achievement{
	margin:0 0 20px 0;
	border:5px solid #afdd91;
	clear:both;
	overflow:hidden;
}

div#achievement div#achievementList{
	margin:10px 10px 0 10px;
	overflow:hidden;
}

#achievement p{
	margin:0 10px 10px 0;
}

/*----------------------------------------------------
	.link
----------------------------------------------------*/
body #sub .link{
	width:240px;
	margin:0;
	padding:0;
}

body #sub .link img{
	vertical-align:bottom;
}

body #sub .link dd {
	margin:0 0 15px 0;
	padding:10px 0 0 0;
	width:238px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
	
body #sub .link dd li{
	text-align:center;
	margin-bottom:10px;
}

