@charset "utf-8";

/* -----------------------------------------------
## Name:rsp_simple_basic.css
## ポップアップ用テンプレート レスポンシブ対応版
## PC用スタイルシート
##
## 01 初期化
## 02 汎用スタイル
## 03 レイアウト
## 04 モジュール
----------------------------------------------- */

/* -----------------------------------------------
## 
## 01 初期化
## 
----------------------------------------------- */
* { font-family:MS PGothic,Osaka,Hiragino Kaku Gothic Pro W3,Arial,Helvetica,sans-serif; }
body { margin:0; padding:0; font-size:small; color:#666; }
* html body { font-size:80%; }
body * { font-size:100%;}
html:first-child body { font-size:85%; }

h1, h2, h3 { margin:0; padding:0; }
p { margin:0; padding:0; }
ul, ol, li, dl, dt, dd { margin:0; padding:0; list-style-type:none; }
form { margin:0; padding:0; }
img { border:0; vertical-align:bottom; }
em { font-weight:bold; font-style:normal; }
hr { display:none; }

/* リンクテキスト */
a:link { color:#5385e8; text-decoration:underline; }
a:visited { color:#5385e8; text-decoration:underline; }
a:hover { color:#5385e8; text-decoration:none; }
a:active { color:#5385e8; text-decoration:none; }


/* -----------------------------------------------
## 
## 02 汎用クラス
## 
----------------------------------------------- */

/* clearfix */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	overflow:hidden;
}
.clearfix {
	display:inline-block;
}
/* \*/
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
/* */

/* margin */

.mt0 { margin-top:0px !important; }
.mt5 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }
.mt60 { margin-top:60px !important; }

.mb0 { margin-bottom:0px !important; }
.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.mb60 { margin-bottom:60px !important; }

.ml0 { margin-left:0px !important; }
.ml5 { margin-left:5px !important; }
.ml10 { margin-left:10px !important; }
.ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }
.ml25 { margin-left:25px !important; }
.ml30 { margin-left:30px !important; }
.ml35 { margin-left:35px !important; }
.ml40 { margin-left:40px !important; }
.ml50 { margin-left:50px !important; }
.ml60 { margin-left:60px !important; }

.mr0 { margin-right:0px !important; }
.mr5 { margin-right:5px !important; }
.mr10 { margin-right:10px !important; }
.mr15 { margin-right:15px !important; }
.mr20 { margin-right:20px !important; }
.mr25 { margin-right:25px !important; }
.mr30 { margin-right:30px !important; }
.mr35 { margin-right:35px !important; }
.mr40 { margin-right:40px !important; }
.mr50 { margin-right:50px !important; }
.mr60 { margin-right:60px !important; }

/* padding */

.pt0 { padding-top:0px !important; }
.pt5 { padding-top:5px !important; }
.pt10 { padding-top:10px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }
.pt35 { padding-top:35px !important; }
.pt40 { padding-top:40px !important; }
.pt50 { padding-top:50px !important; }
.pt60 { padding-top:60px !important; }

.pb0 { padding-bottom:0px !important; }
.pb5 { padding-bottom:5px !important; }
.pb10 { padding-bottom:10px !important; }
.pb15 { padding-bottom:15px !important; }
.pb20 { padding-bottom:20px !important; }
.pb25 { padding-bottom:25px !important; }
.pb30 { padding-bottom:30px !important; }
.pb35 { padding-bottom:35px !important; }
.pb40 { padding-bottom:40px !important; }
.pb50 { padding-bottom:50px !important; }
.pb60 { padding-bottom:60px !important; }

.pl0 { padding-left:0px !important; }
.pl5 { padding-left:5px !important; }
.pl10 { padding-left:10px !important; }
.pl15 { padding-left:15px !important; }
.pl20 { padding-left:20px !important; }
.pl25 { padding-left:25px !important; }
.pl30 { padding-left:30px !important; }
.pl35 { padding-left:35px !important; }
.pl40 { padding-left:40px !important; }
.pl50 { padding-left:50px !important; }
.pl60 { padding-left:60px !important; }

.pr0 { padding-right:0px !important; }
.pr5 { padding-right:5px !important; }
.pr10 { padding-right:10px !important; }
.pr15 { padding-right:15px !important; }
.pr20 { padding-right:20px !important; }
.pr25 { padding-right:25px !important; }
.pr30 { padding-right:30px !important; }
.pr35 { padding-right:35px !important; }
.pr40 { padding-right:40px !important; }
.pr50 { padding-right:50px !important; }
.pr60 { padding-right:60px !important; }

/* text-align */
.taL { text-align:left !important; }
.taR { text-align:right !important; }
.taC { text-align:center !important; }

.vaT { vertical-align:top !important; }
.vaM { vertical-align:middle !important; }
.vaB { vertical-align:bottom !important; }


/* font */
.fb { font-weight:bold !important; }
.fn { font-weight:normal !important; }
.fs10{font-size:80% !important; }
.fc_orange{color:#ff6600;}

/* break */
.noBr{white-space:nowrap;}
.allBr{word-break:break-all !important;word-wrap: break-word !important;}

/* float */
.floR { float:right; }
.floL { float:left; }

/* display */
.dispNone{display:none;}
.dispBlock{display:block;}
.dispInline{display:inline;}
.dispInlineB{display:inline-block; /display:inline; /zoom:1;}


/* -----------------------------------------------
## 
## 03 レイアウト
## 
----------------------------------------------- */
body{
	background-color:#000000;	
}
#rsp_simple_container{
	background: #fff url(/common/images/rebg_cont01.gif) repeat-x 0 0;
}
#rsp_simple_header_wrapper{
	width:100%;
	background:#000;
	border-top:#000000 solid 5px;
	margin-bottom:20px;
	}
#rsp_simple_header{
	width:650px;
	margin:0 auto;
	padding:9px 0 7px;
}
#rsp_simple_header .logo a{
	display:block;
	width:262px;
	height:37px;
	background:url(/ac_common/img/head_logo_popup.gif) 0 0 no-repeat;
	overflow:hidden;
	text-indent:-9999px;
}
#rsp_simple_content{
	width:650px;
	margin:0 auto;
	padding:40px 5px 20px;
	background: url(/common/images/rsp_bg_01.png) repeat-y 0 0;
}
#rsp_simple_content #rsp_simple_content_inner{
	width:600px;
	margin:0 auto;
}
#rsp_simple_content #rsp_simple_content_btm .pagetop{
	margin-top:40px;
}
#rsp_simple_content #rsp_simple_content_btm .pagetop a{
	display:block;
	width:96px;
	height:12px;
	background: url(/common/images/util_top.gif) no-repeat 0 0;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 0 0 auto;
}
#rsp_simple_content #rsp_simple_content_btm .close{
	border-top:1px dotted #ccc;
	margin:20px 0 0;
	padding-top:20px;
}
#rsp_simple_content #rsp_simple_content_btm .close a{
	display:block;
	width:80px;
	height:23px;
	background: url(/theater/image/bt_close.gif) no-repeat 0 0;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 auto;
}
#rsp_simple_footer{
	background-color:#000000;
}
#rsp_simple_footer #rsp_simple_footer_inner{
	width:650px;
	margin:0 auto;
}
#rsp_simple_footer .close_sp{
	display:none;	
}
#rsp_simple_footer .copyright{
	color:#666;
	text-align:center;
	font-size:80%;
	padding:16px 0;
}



/* -----------------------------------------------
## 
## 04 モジュール
## 
----------------------------------------------- */
#rsp_simple_content p{
	margin-bottom:10px;
}
#rsp_simple_content .contentWrapper{
	padding:0 10px;	
}

/* タイトルモジュール */
#rsp_simple_content h1.ttlH1{
	background:url(/common/images/rsp_h1_btm.png) no-repeat left bottom;
	padding-bottom:20px;
	margin-bottom:20px;
}
#rsp_simple_content h1.ttlH1 .ttlH1_inner{
	display:block;
	background:url(/common/images/rsp_h1_top.png) no-repeat left top;
	color:#fff;
	padding:17px 20px 1px 25px;
	font-size:162%;
	line-height:1.3;
}

#rsp_simple_content h2.ttlH2{
	background:url(/common/images/rsp_h2_btm.png) no-repeat left bottom;
	margin:30px 0 20px;
	padding-bottom:6px;
}
#rsp_simple_content h2.ttlH2 .ttlH2_inner{
	display:block;
	background:url(/common/images/rsp_h2_top.png) no-repeat left top;
	color:#003a7d;
	padding:10px 10px 4px 10px;
	font-size:123%;
}

#rsp_simple_content h3.ttlH3 {
	background:url(/common/images/wmcContents_ttl_h3_btm.gif) no-repeat left bottom;
	padding-bottom:1px;
	margin:15px 0;
}
#rsp_simple_content h3.ttlH3 .ttlH3_inner{
	display:block;
	background:url(/common/images/wmcContents_ttl_h3_top.gif) no-repeat left top;
	color:#003a7d;
	padding:2px 0 1px 8px;
	font-size:110%;
	line-height:1.1;
}


/* リンクモジュール */
.linkInline{
	margin-bottom:10px;	
}
.linkInline li{
	display:inline-block;
	/display:inline;
	/zoom:1;
	margin-right:30px;	
	margin-bottom:10px;
}
.linkInline li a{
	display:block;
}

.linkDown a{
	display: inline-block;
	/display:inline;
	/zoom:1;
	background:url(/common/images/wmcContents_arrow_d_01.gif) no-repeat 0 0;
	padding-left:18px;
	min-height: 16px;
}
.linkRight a{
	display: inline-block;
	/display:inline;
	/zoom:1;
	background:url(/common/images/wmcContents_arrow_r_01.gif) no-repeat 0 0;
	padding-left:18px;
	min-height: 16px;
}
.linkPDF a{
	display: inline-block;
	/display:inline;
	/zoom:1;
	background:url(/common/images/contents_common_ico_pdf_01.gif) no-repeat 0 0.1em;
	padding-left:18px;
	min-height: 16px;
}
.linkPDFi a{
	display:inline;
	/zoom:1;
	background:url(/common/images/contents_common_ico_pdf_01.gif) no-repeat 0 0;
	padding-left:18px;
	min-height: 16px;
}


/* リストモジュール [ol] */
.listNumber{
	margin-bottom:10px;
}
.listNumber > li{
	margin-bottom:5px;
	list-style-type:decimal;
	list-style-position:inside;
	text-indent:-1em;
	padding-left:1em;
	line-height:1.3;
}

.listNumber_hr > li{ /* 罫線 */
	border-bottom:1px dashed #666;
	padding-bottom:5px;
}
.listNumber_topBdr{ /* 一番上に罫線 */
	border-top:1px dashed #666;
	padding-top:5px;
}

.listNumber_parentheses > li,
.listNumber_lowercase > li{ /* 括弧つき */
	list-style-type: none;
	text-indent:-1.7em;
	padding-left:1.7em;
}

.listNumber_katakana > li{ /* カタカナ */
	list-style-type:none;
	text-indent:-1.5em;
	padding-left:1.5em;	
}

.listNumber_asterisk > li{ /* ※印 */
	list-style-type:none;
	text-indent:-2.2em;
	padding-left:2.2em;	
}


/* リストモジュール [ul] */
.listUnorder{
	margin-bottom:10px;
}
.listUnorder > li{
	margin-bottom:5px;
	line-height:1.3;
}

.listUnorder_disc > li{ /* ディスク */
	list-style-type: disc;
	list-style-position:inside;
	text-indent:-1em;
	padding-left:1em;
	
}

.listUnorder_asterisk > li{ /* ※印 */
	list-style-type: none;
	text-indent:-1.3em;
	padding-left:1.3em;
	
}


/* リストモジュール [ol] [ul] （入れ子した場合 ）*/
.listInside{
	margin-bottom:5px;	
}
.listInside li:first-child{
	margin-top:5px;	
}

/* ボックスモジュール */
.asideBox{
	margin:15px 0;
	background-color:#eee;
	padding:10px 10px 1px;	
}
.asideBox .asideBox_Ttl{
	color:#003a7d;
}

/* tableBasic */
.tableBasic{
	width:100%;
	margin-bottom:10px;
}
.tableBasic th{
	border-bottom:1px dotted #ccc;
	text-align:left;
	font-weight: normal;
	vertical-align:top;
	padding-top:10px;
}
.tableBasic td{
	border-bottom:1px dotted #ccc;
	text-align:left;
	font-weight: normal;
	vertical-align:top;
	padding-top:10px;
}

.tableBasic_topBdr tr:first-child th,
.tableBasic_topBdr tr:first-child td{ /* 一番上にボーダー */
	border-top:1px dotted #ccc;
}

.tableBasic_sitepolicy th,
.tableBasic_sitepolicy td {
	width: 50% !important;
}
.tableBasic_sitepolicy th {
	padding-bottom: 10px;
}

