@charset "Shift_jis";

/* ------------------------------
Edit 20120820

 @import "reset.css";

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

 
div#main-img {
	margin:0 auto;
	text-align:center;
}
div#kinkyu {
	margin:0 25px 20px 25px;
	text-align:center;
	border:1px solid #FF0000;
	padding:10px;
}
div#kinkyu a {
	background:url(../topimage/topimg/ico_attention.gif) left 0 no-repeat;
	padding:0 0 2px 25px;
}
div#nos-main-img {
	margin:0 auto;
	text-align:center;
	background:url(../topimage/topimg/nos_main_bg.jpg) top no-repeat;
}
div#nos-main-bg {
	margin:0 auto;
	text-align:center;
	background:url(../topimage/topimg/nos_bg.jpg) no-repeat center top;
	width:710px;
	height:34px;
}
div#nos-main-bgnone {
	margin:10px auto 0;
	text-align:center;
	width:710px;
}
div#nos-main-bg ul {
	margin:0px auto 0 30px;
	padding-top:4px;
	text-align:center;
	font-size:1px;
}
div#nos-main-bg ul li {
	float:left;
	margin-right:15px;
}
div#nos-main-bgnone ul li {
	/*float:left;*/

	display:inline;
	margin-right:15px;
}
div#nos-main-bgnone ul li.last { margin-right:0; }
#wrap {
	margin:13px auto 0 0;
	padding:0 0 75px 25px;
	background:url(../topimage/common/contents_bg.gif) bottom no-repeat;
	border-bottom:1px solid #CCC;
}

div#msg {
	margin:0 auto 10px;
	text-align:center;
}

/*left_menu
-----------------------*/

#main #wrap #left-wrap {
	width:180px;
	float:left;
	margin-right:10px;
}
#main #wrap #left-wrap img { font-size:1px; }
#main #wrap #left-wrap .inbox {
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
	padding:11px 0px 0px 9px;
}
#main #wrap #left-wrap .inbox #login-btn { margin:7px 0; }
#main #wrap #left-wrap .inbox #login-txt li {
	background:url(../topimage/common/ar_sky.jpg) left 0.3em no-repeat;
	padding:0 0 0 10px;
	margin-left:9px;
	font-size:77%;
}
#main #wrap #left-wrap .inbox #login-txt li a,
 #main #wrap #left-wrap .inbox #login-txt li a:link,
 #main #wrap #left-wrap .inbox #login-txt li a:visited {
	text-decoration:none;
	color:#333;
}
#main #wrap #left-wrap .inbox #login-txt li a:hover {
	text-decoration:none;
	color:#0B4FA2;
}
#main #wrap #left-wrap .inbox .l-keiyaku-menu dt {
	margin:10px 0 0 0;
	font-size:1px;
}
#main #wrap #left-wrap .inbox .l-keiyaku-menu dd {
	margin:5px 0 0 0;
	font-size:1px;
}
.inbox-btm {
	/*float:right;*/

	overflow:hidden;
	font-size:1px;
}
#main #wrap #left-wrap .inbox-02 {
	border:1px solid #CCC;
	border-top: none;
}
#main #wrap #left-wrap .inbox-02 .l_menu li {
	background:url(../topimage/common/l_menu_line.jpg) bottom no-repeat;
	padding:5px 0 5px 0.5em;
	font-size:93%;
}
#main #wrap #left-wrap .inbox-02 .l_menu li.last {
	background:none;
	
}
#main #wrap #left-wrap .inbox-02 .l_menu a {
	background:url(../topimage/common/ar_black.gif) left 0.3em no-repeat;
	padding:0 0 0 1.3em;
	display:block;
}
#main #wrap #left-wrap .inbox-02 .l_menu a:link,
 #main #wrap #left-wrap .inbox-02 .l_menu a:visited {
	text-decoration:underline;
	color:#666;
}
#main #wrap #left-wrap .inbox-02 .l_menu a:hover {
	text-decoration:none;
	color:#0B4FA2;
}
#main #wrap #left-wrap .inbox-02 .logo a {
	/*margin:10px auto;*/

	text-align:center;
	padding:0;
	background:none;
}
#main #wrap #left-wrap .inbox-02 .logo { margin:10px auto; }
#main #wrap #left-wrap .banner-01 {
	margin:10px auto 0 auto;
	text-align:center;
	padding-bottom:15px;
	border-bottom:1px solid #CCC;
}
#main #wrap #left-wrap .banner-02 {
	margin:15px auto 0 auto;
	text-align:center;
}

/*right_contents
-----------------------*/

#right-wrap {
	float:left;
	width:520px;
}
#main #wrap #right-wrap .right-box {
	border:1px solid #CCC;
	border-top: none;
	padding:11px 9px;
}
#main #wrap #right-wrap .right-box .t-10 .left-area {
	float: left;
	font-size:1px;
}
#main #wrap #right-wrap .right-box .t-10 .left-area .t-10 #life-area { float: left; /*padding-right:8px;*/

}
#main #wrap #right-wrap .right-box .t-10 .left-area .t-10 #mokuteki-area {
	float: left;
	padding-right:8px;
}
#main #wrap #right-wrap .right-box .t-10 .left-area .t-10 #life-area ul,
 #main #wrap #right-wrap .right-box .t-10 .left-area .t-10 #mokuteki-area ul {
	margin:10px 0 12px 0;
	text-align:left;
}
#main #wrap #right-wrap .right-box .t-10 .right-area { float: right; }
#main #wrap #right-wrap .right-box .t-10 .right-area #mitsumori_area {
	background-color:#fbffb7;
	text-align:center;
	padding:10px 0;
	margin:10px auto 0;
	font-size:1px;
}
#main #wrap #right-wrap .right-box .t-10 .right-area #sonota_area {
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
	padding-left:3px;
}
#main #wrap #right-wrap .right-box .t-10 .right-area #sonota_area ul { margin-top:5px; }
#main #wrap #right-wrap .right-box .t-10 .right-area #sonota_area ul li {
	background:url(../topimage/common/ar_black_02.gif) left 0.5em no-repeat;
	font-size:10px;
	margin:2px 0 0 0;
	padding:0 0 0 7px;
}
#main #wrap #right-wrap .right-box .t-10 .right-area #sonota_area ul li a:link,
 #main #wrap #right-wrap .right-box .t-10 .right-area #sonota_area ul li a:visited {
	text-decoration:none;
	color:#000;
	margin-left:2px;
}
#main #wrap #right-wrap .right-box .t-10 .right-area #sonota_area ul li a:hover {
	text-decoration:underline;
	color:#0B4FA2;
}

/* タブ */

#index_Tab {
	width: 520px;
	margin-top:13px;
}
#index_Tab #tab1 { display:block; }
#index_Tab #tab2,
 #index_Tab #tab3 { display:none; }
.tab_head li {
	float: left;
	padding-right:4px;
	overflow: hidden;
	height:30px;
}
.tab_open {
	height:370px;
	clear: both;
	overflow: hidden;
	border:1px solid #CCC;
	background:url(../topimage/common/top_tab_bg.jpg) repeat-y;
	padding:5px 0;
}
.tab_open .tab_inner {
	background-color:#FFF;
	padding:20px 15px 10px;
	font-size:93%;
	height:340px;
 *height:358px;
	width:488px;
 *width:518px;
	position:relative;
	_zoom:1;
	overflow: auto;
}
.tab_open .tab_inner ul li {
	margin-bottom:3px;
	text-indent:-8px;
	padding-left:8px;
}
.tab_open .tab_inner ul li dl {
	display:inline;
	margin:0;
	padding:0;
}
.tab_open .tab_inner ul li dl dt {
	width:110px;
	clear: left;
	float: left;
	margin:0 0 0 -10px;
	padding-left: 15px;
	color: #000;
	background:url(../topimage/common/ar_orange.gif) left 0.5em no-repeat;
}
.tab_open .tab_inner ul li dl dd {
	margin:0;
	padding:0;
	float: left;
	width:360px;
}
.tab_open .tab_inner ul li dl dd a { background:none; }
.tab_open .tab_inner dl dt {
	font-weight:bold;
	display:inline;
}
.tab_open .tab_inner ul li a {
	background:url(../topimage/common/ar_orange.gif) left 0.5em no-repeat;
	padding: 2px 0 2px 8px;
}
.tab_open .tab_inner .list {
	text-align:right;
	margin:0 auto 10px;
}
.tab_open .tab_inner .list a {
	background:url(../topimage/common/ar_black.gif) left 0.2em no-repeat;
	padding:0 0 0 15px;
}
.tab_open .tab_inner a:link,
 .tab_open .tab_inner a:visited {
	text-decoration:none;
	color:#333;
}
.tab_open .tab_inner a:hover {
	text-decoration:underline;
	color:#0B4FA2;
}
.tab_open .tab_inner .list a:link,
 .tab_open .tab_inner .list a:visited {
	text-decoration:underline;
	color:#333;
}
.tab_open .tab_inner .list a:hover {
	text-decoration:none;
	color:#0B4FA2;
}

/*pagetop
----------------------*/

.pagetop-btm {
	font-size:93%;
	text-align:right;
	color:#333;
	padding:5px 10px 10px 0;
}
.pagetop-btm a:link,
 .pagetop-btm a:visited {
	text-decoration:underline;
	color:#333;
}
.pagetop-btm a:hover {
	text-decoration:none;
	color:#0B4FA2;
}

/* フッター部 */

.footer_link {
	margin:30px 0 0 0px;
	padding:0 0 0 25px;
}
.footer_link ul {
	width:235px;
	float:left;
}
.footer_link ul li {
	margin:0 0 3px 0;
	background:url(../topimage/common/ar_gray.gif) left 0.2em no-repeat;
	padding:0 0 0 15px;
	font-size:93%;
}
.footer_link ul li a:link,
 .footer_link ul li a:visited {
	text-decoration:underline;
	color:#666;
}
.footer_link ul li a:hover {
	text-decoration:none;
	color:#0B4FA2;
}
.footer {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #969DA7;
	padding:20px 0;
	text-align:center;
	width:100%;
}

/*top-selector
----------------------------------------*/

#top-selector-area { width:310px; }
#top-selector-area .bg {
	text-align:center;
	background:url(../lineup/images/selector_top_area_bg.gif) repeat-y;
	padding:5px 10px 5px 10px;
	width:310px;
}
#top-selector-area .bg .inner {
	background:url(../lineup/images/selector_top_area_inner.gif) bottom no-repeat;
	width:276px;
 *width:290px;
	height:109px;
	padding:0 7px;
}
#top-selector-area .bg .inner .list { text-align:right; }
#top-selector-area .bg .inner .list li {
	float:right;
	display:inline;
}
#top-selector-area .bg .inner .ttl { padding-top:3px; }
#main #wrap #right-wrap #top-selector-area .bg .inner .list li {
	float: right;
	font-size:1px;
}
#main #wrap #right-wrap #top-selector-area .bg .inner .left {
	float:left;
	border-right:1px dashed #CCC;
	padding:0 10px 0 0px;
	margin:8px 0 0 0;
 *width:138px;
}
#main #wrap #right-wrap #top-selector-area .bg .inner .right {
	float:left;
	padding:0 0 0 10px;
	margin:8px 0 0 0;
 *width:138px;
	font-size:1px;
}
#main #wrap #right-wrap #top-selector-area .bg .inner .q3-left {
	float:left;
	border-right:1px dashed #CCC;
	padding:0 2px 0 0px;
	margin:8px 0 0 0;
 *width:160px;
	font-size:1px;
}
#main #wrap #right-wrap #top-selector-area .bg .inner .q3-left li { padding-bottom:0px; *padding-bottom:2px;
}
 #main #wrap #right-wrap #top-selector-area .bg .inner .q3-left li, x:-moz-any-link {
 padding-bottom:2px;
}
#main #wrap #right-wrap #top-selector-area .bg .inner .q3-right {
	font-size:1px;
	float:left;
	padding:0 0 0 5px;
	padding:0 0 0 5px;
	margin:8px 0 0 0;
 *width:115px;
}
#main #wrap #right-wrap #top-selector-area .bg .inner .q3-right .btn {
	text-align:right;
	padding:20px 0 0 0;
}
#main #wrap #right-wrap #top-selector-area .bg .inner .man-area { background:url(../lineup/images/selector_top_man_bg.gif) repeat-y; }
#main #wrap #right-wrap #top-selector-area .bg .inner .woman-area { background:url(../lineup/images/selector_top_woman_bg.gif) repeat-y; }
#main #wrap #right-wrap #top-selector-area .bg .inner .rd-area { background:url(../lineup/images/selector_top_rd_bg.gif) repeat-y; }
#main #wrap #right-wrap #top-selector-area .bg .inner .man-area ul li,
 #main #wrap #right-wrap #top-selector-area .bg .inner .woman-area ul li {
	float:left;
	padding:3px 0 3px 12px;
	_padding:4px 0 4px 12px;
	font-size:1px;
}
#main #wrap #right-wrap #top-selector-area .bg .inner .rd-area ul li {
	padding:3px 0 0px 12px;
	font-size:1px;
	text-align:left;
}
#main #wrap #right-wrap #top-selector-area .bg .inner .rd-area ul li { *padding:3px 0 2px 12px;
}
#main #wrap #right-wrap #top-selector-area .bg .inner input {
	margin:0 3px 0 0;
	padding:0;
	font-size:0px;
	width:12px;
	height:12px;
	vertical-align:top;
	line-height:0;
}

/* mirai-design 
-----------------------------------------*/

#mirai-design {
	margin:10px auto 0 auto;
	text-align:center;
	width:500px;
}
#mirai-design .inner {
	background:url(../topimage/common/mirai_design_bg.jpg) repeat-y;
	padding:8px 13px 0;
	font-size:1px;
}
#mirai-design .inner div p { margin-top:2px; }
#mirai-design .btm {
	background:url(../topimage/common/mirai_design_btm.jpg) no-repeat;
	width:500px;
	height:24px;
	position:relative;
	_zoom:1;
}
#mirai-design .btm .btn {
	position:absolute;
	top:0;
	right:13px;
}


/*print
---------------------------------------------*/

@media print {
.pv-a { page-break-before:always; }

  div.flash_displaynon{
    background-image: url(../topimage/topimg/flash_displaynon.gif);
    width:758px;
    height:155px;
  }
  div.flash_displaynon object{
    display:none;
  }
  div #main-img{display:none;}
}