@charset "utf-8";


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

 Contents Area

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

/* cosmos contents */

#cosmosContent #contentsArea{
padding:0px; text-align:left;background:url(../images/site_copy.jpg) top no-repeat #FFF;
}
#siteCopy{
font-weight:bold; color:#FFF; height:57px; font-size:12px; padding-top:18px;line-height:14px;
margin-left:15px;
}
#siteCopy strong{
color:#FFF; font-size:18px; padding-top:15px;line-height:14px;
}
#cosmosContent #contentsArea #contentsInner{
background:#F0F0DC; padding:10px;
}

/*
------------------------ // Navigation Area // -------------------
*/
#cosmosContent #contentsArea #naviLeft{
float:left; width:180px; padding-right:10px; background:#FFF;
}


.leftBanner{ display:block; margin-top:10px;}

/*
/---------- Cosmos LeftNavi --/*/

#cosmosContent #contentsArea #naviLeft .naviParent{
margin-top:10px;
}
#naviLeft .naviParent .parent a{
	color:#FFF;
	padding-left:14px;
	background-image: url(../images/linklist_awwow_white.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


#naviLeft .naviParent .naviCosmos{
 margin-top:0px; 
}
#naviLeft .naviParent .parent{display:block;
 background: url(../images/leftnavi_parent_bg.gif) center left repeat-x #717777; color:#036;
font-weight:bold; padding:0px 10px 0 6px; border-left:solid 1px #C9CCCC;  border-right:solid 1px #C9CCCC; line-height:30px;
}
#naviLeft .naviParent li.parentLink{
background: url(../images/leftnavi_linkbg.gif) center left repeat-x #036; 
font-weight:bold;padding:5px 5px 6px 10px; border-left:solid 1px #C9CCCC; border-top:solid 1px #C9CCCC; border-right:solid 1px #C9CCCC; line-height:140%;
}
#naviLeft .naviParent li.parentLink a{
display:block;
background:url(../images/linklist_awwow_white.gif) left 4px no-repeat; font-weight:bold;
padding-left:14px; color:#FFF !important;
}
#naviLeft .naviParent li a.linkArrow{
display:block;
 background: url(../images/leftnavi_parent_bg.gif) center left repeat-x #717777; color:#036;
font-weight:bold; padding:0px 10px 0 6px; border:none;line-height:30px;}
#naviLeft .naviParent li a.linkArrow .parent{
background:url(../images/linklist_awwow.gif) 5px 9px no-repeat; padding-left:16px !important;border:none;
}


#naviLeft .naviHome{
display:block;  
background: url(../images/title_c_linkbg.gif) center left repeat-x #717777;
font-size:12px; color:#FFF; font-weight:bold; padding:5px 10px;
}
#naviLeft .naviHome a{
display:block;
background:url(../images/linklist_awwow_white.gif) left 4px no-repeat; font-weight:bold;
padding:0 0 0 14px; color:#FFF !important;
}

/*----- 11/25 UPDATE -----*/
#naviLeft .naviCosmos{
background:#FFF; margin-top:0px;
border-left:solid 1px #C9CCCC; border-right:solid 1px #C9CCCC;border-bottom:solid 1px #C9CCCC;
}
/*
#naviLeft .naviCosmos{
background:#FFF; margin-top:0px;
border-top:solid 1px #C9CCCC; border-left:solid 1px #C9CCCC; border-right:solid 1px #C9CCCC;border-bottom:solid 1px #C9CCCC;
}
*/

/*----- 11/25 UPDATE -----*/
#naviLeft .naviCosmos li{
display:block; background:url(../images/leftnavi_link_childbg.gif) left top repeat-x ;padding:5px 5px 6px 10px;border-top:solid 1px #C9CCCC;
}
/*
#naviLeft .naviCosmos li{
display:block; background:url(../images/leftnavi_link_childbg.gif) left top repeat-x ;padding:5px 5px 6px 10px;border-bottom:solid 1px #C9CCCC;
}
*/

#naviLeft .naviCosmos li strong{
color:#036; display:block; padding-bottom:2px;
}

#naviLeft .naviCosmos li strong.nonePaddNormal{
padding-bottom:0;color:#0071BC;
}
#naviLeft .naviCosmos li strong.nonePadding{
padding-bottom:0;
}

#naviLeft .naviCosmos li a{
background:url(../images/linklist_awwow.gif) left 4px no-repeat;
padding-left:12px;display:block;
}
#naviLeft .naviCosmos li.focus{
color:#F08214;background:url(../images/leftnavi_link_focusbg.gif) left top repeat-x;
padding-bottom: 4px;
}

/*----- 11/25 UPDATE -----*/
#naviLeft .naviCosmos li.child{
padding-left:20px;
border-top:dotted 1px #CCC;
}

#naviLeft .naviCosmos li.none{
background:none;
border-width:1px 0 0 0;
padding-bottom: 4px;
}

#naviLeft .naviCosmos li.focusnone{
color:#F08214;background:url(../images/leftnavi_link_focusbg.gif) left top repeat-x;
border-width:1px 0 0 0;
padding-bottom: 2px;
}
/*------ 11/25UPDATE ----*/
#naviLeft .naviCosmos .current{
display:block; background:url(../images/leftnavi_link_childbg2.gif) right top no-repeat;
padding:0;_padding:0 0 1px 0;
}
/*
#naviLeft .naviCosmos .current{
display:block; background:url(../images/leftnavi_link_childbg2.gif) right top no-repeat ;padding:0;border-bottom:solid 1px #C9CCCC;
}
*/

#naviLeft .naviCosmos .current a{
background:url(../images/linklist_awwow.gif) 10px 8px no-repeat;
padding:5px 5px 6px 22px;display:block;
/*
border-bottom:solid 1px #C9CCCC;*/
}
#naviLeft .naviCosmos .current .child{
/*display:none;*/
}

/*------ 11/25UPDATE ----*/
#naviLeft .naviCosmos .current{
display:block; background:url(../images/leftnavi_link_childbg2.gif) right top no-repeat;padding:0;
}
/*
#naviLeft .naviCosmos .current{
display:block; background:url(../images/leftnavi_link_childbg2.gif) right top no-repeat ;padding:0;border-bottom:solid 1px #C9CCCC;
}
*/

#naviLeft .naviCosmos .current a{
background:url(../images/linklist_awwow.gif) 10px 8px no-repeat;
padding:5px 5px 6px 22px;display:block;
/*
border-bottom:solid 1px #C9CCCC;*/
}
#naviLeft .naviCosmos .current .child{
/*display:none;*/
}

/*------ 11/25UPDATE ----*/
#naviLeft .naviCosmos .current .child li{
 padding:0 0 0px 10px !important;_padding:0 0 1px 10px !important; border-bottom:solid 1px #C9CCCC; margin:0;
}
/*
#naviLeft .naviCosmos .current .child li{
 padding:0 0 0 14px !important; border-top:solid 1px #C9CCCC;
}
*/
#naviLeft .naviCosmos .current .child li.bottom{
 border:none !important;
}


#naviLeft .naviCosmos .current .child a{
border:none !important;
}


/*
/---------- Links --/*/
#naviLeft .naviLinks{
background:#FFF; margin-top:20px; border-left:solid 1px #C9CCCC; border-right:solid 1px #C9CCCC;border-bottom:solid 1px #C9CCCC;
}
#naviLeft .naviLinks .parent{ display:block;
background:#E5EBF0; color:#FFF;
font-weight:bold; padding:5px 5px 6px 10px; border-top:solid 1px #C9CCCC;border-bottom:solid 1px #C9CCCC;
}
#naviLeft .naviLinks .parent a{
background:url(../images/linklist_awwow.gif) left 4px no-repeat;
display:block;padding-left:14px;
}

#naviLeft .naviLinks .child{ display:block;
background:url(../images/leftnavi_link_childbg.gif) left top repeat-x;padding:5px 5px 6px 10px;
margin:0px;font-weight:bold; color:#333;border-top:solid 1px #C9CCCC;
}
#naviLeft .naviLinks ul{
padding:8px 5px 0 6px;
}
#naviLeft .naviLinks ul li{
display:block; padding:0 5px 8px 17px; line-height:100%;
background:url(../images/linklist_awwow.gif) left top no-repeat;
}


#naviLeft .naviLinks ul.linkList{ border:none;display:block; padding:5px 0px 5px 0px !important; margin:0 5px;}
#naviLeft .naviLinks ul.linkList li{ border:none;display:block; padding:0 5px 2px 5px !important; line-height:100%;
background:none;
}
#naviLeft .naviLinks ul.linkList li p{padding:0 5px 5px 14px !important; margin:0;
}
#naviLeft .naviLinks ul.linkList li a{display:block;padding:0 0 5px 14px;
background:url(../images/linklist_awwow.gif) left 2px no-repeat;}

#naviLeft .naviLinks ul.linkList li strong{display:block;padding:0 0 5px 14px;
background:url(../images/linklist_no_awwow.jpg) left 2px no-repeat;}

#naviLeft .naviLinks ul.linkList li ul{display:block; padding:5px 0px 5px 0px !important; margin:0 5px;
}
#naviLeft .naviLinks ul.linkList li li{display:block; padding:0 5px 2px 19px !important; line-height:100%;
background:none;
}


/*------------ //Main Area// ------------*/
#cosmosContent #contentsArea #mainArea{
width:570px;float:right;
}
#cosmosContent #contentsArea #mainArea p{
margin:8px 10px 17px 10px;
}

#mainArea .titleA{background:url(../images/title_b_level570.gif) left top no-repeat; height:43px; font-size:14px; color:#FFFFFF; font-weight:bold;padding:10px 5px 0px 10px; line-height:100%;}

/*--- Update for En,11/25
#mainArea .titleB{background:url(../images/title_contents_b.jpg) no-repeat; width:560px; height:30px; font-weight:bold; font-size:14px; color:#036; margin:20px 0 10px 0; padding:10px 0 0 10px;}
 ---*/
#mainArea .titleB{background:url(../images/title_contents_b02.jpg) no-repeat left bottom; margin:20px 0 10px 0; padding-bottom:7px;}
#mainArea .titleB .txt{display:block;background:url(../images/title_contents_b01.jpg) no-repeat; width:560px; font-weight:bold; font-size:14px; color:#036; padding:9px 0 5px 10px; line-height:140%;}

#mainArea .titleC{width:550px; font-weight:bold; font-size:14px; color:#000; margin:20px 0 10px 0; padding:5px; border-width: 0 0 2px 0; border-style:solid; border-color:#004579;}

#mainArea .titleSUB{ font-size:12px; color:#FFFFFF; display:inline;}


/*------------ //about// ------------*/

#mainArea div.topicsHead{border-width: 0 0 0 7px; border-style:solid; border-color:#2276BB; padding: 5px 5px 5px 12px; font-weight:bold; font-size:12px; margin: 0 10px; }

#mainArea div.HeadColorA{background-color:#E0F3FF;color:#0033CC;}
#mainArea div.HeadColorB{background-color:#FFFFBB;color:#FF9900;}
#mainArea div.HeadColorC{background-color:#DDFFDD;color:#336633;}
#mainArea div.HeadColorD{background-color:#FFEEFF;color:#CC33CC;}

#mainArea div.topicsBody{border-width: 0 0 0 7px; border-style:solid; border-color:#2276BB; padding: 5px 5px 5px 12px; background-color:#EEE; margin:0 10px 15px 10px; }
#mainArea div.topicsBodyCenter{text-align:center; border-width: 0 0 0 7px; border-style:solid; border-color:#2276BB; padding: 5px 5px 5px 12px; background-color:#EEE; margin:0 10px 15px 10px; }

#mainArea .bold{ font-weight:bold; font-size:13px; }

#mainArea div.relatedLinks{ border: 1px solid #CCC; background-color:#EEE; padding:8px; margin:10px; }

#mainArea div.relatedLinks ul li{ background:url(../images/linklist_awwow.gif) 5px 5px no-repeat; padding-left:20px !important; margin-top:5px; }

/*------------ //Story Area// ------------*/

/*------------ //Story Index// ------------*/
#storyIndexHeader{
	position:relative;
	height: 150px;
	width: 570px;
}
#storyIndexHeader .storyHeadH1{width:570px; height:150px;background:}
#storyIndexHeader .storyHeadH1 .txt{
	display:block;
	color:#FFF;
	font-size:12px;
	position:absolute;
	left: 110px;
	top: 108px;
}

dl.storyDl{ margin:0 15px !important;}
.storyDl dt{ 
padding:10px 6px 10px 16px !important; height:60px;
background:#FFF;
background:url(../images/about_dd_bg_akt.gif) left top no-repeat;}
.storyDl dt a{ display:block;font-size:16px !important;font-weight:bold !important;color:#2276BB;
margin-bottom:5px !important; padding-left:20px;
background:url(../images/linklist_awwow.gif) left 4px no-repeat;
}
.storyDl dt h2{ display:block;font-size:16px !important;font-weight:bold !important;color:#999;
margin-bottom:5px !important; padding-left:2px !important; 
}
.storyDl dt h3{ display:block;font-size:12px !important;font-weight:bold !important;color:#2276BB;
margin-bottom:5px !important; padding-left:2px !important; 
}
.storyDl dt span{
margin-left:2px; display:block;
}
.storyDl dd{
padding:5px 6px 10px 20px !important; margin-bottom:10px !important;
background:url(../images/about_dd_bg_akb.gif) left bottom no-repeat;
}

/*---------- Story Intaview ----------*/
#cosmosContent #contentsArea #mainArea #int p{
margin:8px 10px 17px 10px;clear:both; 
}
#cosmosContent #contentsArea #mainArea #int p.intLeft{
margin:8px 10px 9px 10px;/margin:8px 10px 10px 10px;float:left; width:55%; /* width:300px;*/ clear:none; display:inline;
}
#cosmosContent #contentsArea #mainArea #int p.intRight{
margin:8px 10px 9px 10px;/margin:8px 10px 10px 10px;float:right; width:290px;/width:280px; clear:none; display:inline;
}
.intQuest,.intAns,.intAns2{ /*width:40px;*/
/*float:left;width:9%; 11/25 UPDATE  */
padding-right:5px;
}
.intQuest{
font-weight:bold;color:#8E8E8E;
}
.intAns{
font-weight:bold;color:#0071BC;
}
.intAns2{
font-weight:bold;color:#009245;
}
.intComment{/*width:510px;*/
/*display:block;float:left; width:90%; margin-bottom:17px;/margin-bottom:10px; 11/25 UPDATE  */
}
#cosmosContent #contentsArea #mainArea #int .intLeft .intComment{ /*width:260px;*/ 
/*float:left; margin-bottom:0px;*/
}
#cosmosContent #contentsArea #mainArea #int .intRight .intComment{
/*float:left; width:250px;/width:240px;  margin-bottom:0px;*/
}
#cosmosContent #contentsArea #mainArea #int .intLeft .intQuest,
#cosmosContent #contentsArea #mainArea #int .intLeft .intAns,
#cosmosContent #contentsArea #mainArea #int .intLeft .intAns2{
/*width:15%;*/
}
 
.storyProf{background: url(../images/leftnavi_link_childbg.gif) top left repeat-x #FFF; padding:8px; margin-left:10px; margin-right:10px;margin-bottom:15px; clear:both; text-align:left;
border:solid 1px #C9CCCC;}
.storyProf img{}
.storyProfTxt{
margin-top:10px; padding-top:0px; margin-left:0px; display:block; float:left; width:420px;
}
.storyRelatedlink{
border:solid 1px #CCC; background:#FFF; margin:20px 10px 20px 10px; padding:8px;
}
.storyRelatedlink a{
display:block; padding:0px 0px 0px 15px; margin-top:5px;
background:url(../images/linklist_awwow.gif) left 2px no-repeat;
}

#cosmosContent #contentsArea #mainArea img.bdr{
	border: 1px solid #ccc;
}


/*---------- Story Sub Column ----------*/
.subClm {width:550px; text-align:left; background:#F4F1E9 url(../images/clm_sub_bg_btm.gif) left bottom no-repeat;}
.subClm p , .subClm2 p{ padding-left:5px; padding-right:5px;}
.subClm p.title , .subClm2 p.title { margin-top:0 !important; padding-top:0 !important;}

.subClm2 {width:490px; text-align:left; background:#F4F1E9 url(../images/clm_sub_bg_btm2.gif) left bottom no-repeat;}


/*------------ //QandA Area// ------------*/
.qandaTab{border-bottom:1px solid #293133; height:40px; margin-bottom:10px;}
.qandaTab ul li{ width:121px; height:40px; float:left;}
.quest h3{ cursor:pointer; font-size:16px !important; font-weight:bold !important;
margin:20px 0 10px 7px !important; padding:0px 17px 0 17px !important; 
background:url(../images/linklist_awwow.gif) left 2px no-repeat;
}

.faq_answer_top{
background:#E6E6BB; padding:8px; margin-left:25px; margin-right:10px;
margin-bottom:10px;
border-left:solid 1px #B8BB88;border-right:solid 1px #B8BB88;border-top:solid 1px #B8BB88;
border-bottom:solid 1px #FFF;
/*display:none;*/
}
.faq_answer_sep{
background:url(../images/menu_sepbar.gif) repeat-x; margin-top:8px; padding-top:8px;
}
/*------------------------*/
.qaDetail{
 margin:0 15px 10px 15px ;padding:5px 6px 0px 20px ;
background:url(../images/about_dd_bg.gif) left top no-repeat;
}
.qaDetail .left{ float:left; width:80px !important;}
.qaDetail .right{ float:right; width:360px !important;_width:350px !important; margin-bottom:10px !important;}



/* フォーム */

#cosmosContent #contentsArea #mainArea #formArea form.report {
	margin: 20px 9px 0 9px;
	width:550px;
	border-width: 1px;
	border-style: solid none none solid;
	border-color: #C2C2C2;
}

#cosmosContent #contentsArea #mainArea #formArea form.report h3 {
	background: #EFECE6 url(../images/icon_report.gif) no-repeat 10px 7px;
	font-size: 14px; font-weight:bold;
	padding: 10px 10px 10px 40px;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF #C2C2C2 #C2C2C2 #FFFFFF;
}

#cosmosContent #contentsArea #mainArea #formArea form.report div.body {
	padding: 0 20px 15px;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF #C2C2C2 #C2C2C2 #FFFFFF;
	background:#FFFFFF;
}

#cosmosContent #contentsArea #mainArea #formArea form.report div.body div.control {
	padding-top: 10px;
	border-top: 1px dotted #C2C2C2;
	width: 100%;
}

#cosmosContent #contentsArea #mainArea #formArea form.report div.body div.r-01 {
	border-color: #FFFFFF;
}

#cosmosContent #contentsArea #mainArea #formArea form.report div.body div.t-01 {
	border-color: #C2C2C2;
}

#cosmosContent #contentsArea #mainArea #formArea form.report div.body div.control p.heading {
	font-size: 12px;
	margin-bottom: 5px;
	line-height: 18px;
}

#cosmosContent #contentsArea #mainArea #formArea form.report div.body div.control span.radio {
	font-size: 12px;
	margin-bottom: 5px;
	float: left;
}

#cosmosContent #contentsArea #mainArea #formArea form.report div.body div.control span.e {
	width: 13.0em;
}

#cosmosContent #contentsArea #mainArea #formArea form.report div.body div.control span.g {
	width: 10.0em;
}

#cosmosContent #contentsArea #mainArea #formArea form.report div.body div.control span.n {
	width: 10.5em;
}

#cosmosContent #contentsArea #mainArea #formArea form.report div.body div.control span.b {
	width: 13.0em;
}

#cosmosContent #contentsArea #mainArea #formArea form.report div.body div.control span.w {
	width: 10.0em;
}

#cosmosContent #contentsArea #mainArea #formArea form.report div.body div.control div.clear {
	height: 5px;
	overflow: hidden;
}

#cosmosContent #contentsArea #mainArea #formArea form.report div.body div.control textarea {
	width: 500px;
	height: 50px;
}

#cosmosContent #contentsArea #mainArea #formArea form.report div.body p.notes {
	font-size: 10px;
	margin: 10px 0;
	line-height: 1.35em;
}

#cosmosContent #contentsArea #mainArea #formArea form.report div.body div.submit {
	background: #F5F5F5;
	font-size: 75%;
	padding: 10px;
	line-height: 1.35em;
}

#cosmosContent #contentsArea #mainArea #formArea form.report div.body div.submit div.button {
	text-align: center;
	margin-bottom: 10px;
}

/* ↓ここから↓ 2007.3.2 追加 フォーム挿入画像↓ */

/* フォーム挿入画像（左側） */

#cosmosContent #contentsArea #mainArea #formArea form.report div.body div.cutf-l {
	float: left;
	margin: 5px 5px 10px;
}

/* フォーム挿入画像（右側） */

#cosmosContent #contentsArea #mainArea #formArea form.report div.body div.cut-rf {
	float: right;
	margin: 5px 5px 10px;
}

/* フォーム挿入画像（中央） */

#cosmosContent #contentsArea #mainArea #formArea form.report div.body div.cutf-c {
	text-align: center;
	margin: 5px 5px 10px;
}

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

Class

------------------------------------------------------*/
.serialName{color:#036; font-weight:bold;}
.sepUp{padding-top:25px;background:url(../images/sep_dot.gif) left top repeat-x;}
.sepUnder{ padding-bottom:25px;background:url(../images/sep_dot.gif) left bottom repeat-x;}

.popimg a:hover{ text-decoration:none !important;}

.clear_btmB {
clear:both; line-height:0;
font-size:0;
height:20px;
}
.picRight{
float:right; margin-left:10px; margin-bottom:10px; text-align:center;
}
.picRight div{
font-size:10px; line-height:140%; margin-top:5px;
}
.picLeft{
float:left; margin-right:10px; margin-bottom:10px; text-align:center;
}

.picCaption{
font-size:10px; line-height:160%;margin-top:5px;word-break: break-all !important;
}
.right .picCaption{
font-size:10px; line-height:160%; width:190px; margin-top:5px;word-break: break-all !important;
}
.picCaptionLeft40{
font-size:10px; line-height:160%; margin:5px 0 0 40px; text-align:left;word-break: break-all !important;
}
.glossary{
font-size:10px; line-height:160%; padding:5px; background-color:#EEE; border:1px dotted #DDD;
}
.imgRight{
float:right; margin-left:10px; margin-bottom:10px;
}
.separator{
background:url(../images/menu_sepbar.gif) top repeat-x;
padding-top:5px; margin-top:28px; clear:both;
}
.clear_div{clear:both; font-size:1px; height:1px; line-height:1px;}

.topMargin10{margin-top:10px;}
.topMargin5{margin-top:5px;}
.padding10{ padding:10px;}
.iconLink{ display:block;padding-left:15px; margin-top:5px; background:url(../images/linklist_awwow.gif) left 2px no-repeat;}