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

a:link,a:visited {
	color: #008EBD;
}

*{
margin:0;
padding:0;
}

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background: #666666;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
	background-color: #FFFFFF;
}
.twoColFixLtHdr #gn {
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
	font-size: 120%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	background-color: #FFFFFF;
	margin: 0px;
} 


.twoColFixLtHdr #container {
	width: 960px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #FFFFFF; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 4px solid #EBEBEB;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
} 
.twoColFixLtHdr #header {
	padding-top: 10;
	padding-right: 4px;
	padding-bottom: 0;
	padding-left: 30px;
	background-image: url(./images/top_background.png);
} 
#topHeader{
padding-top: 10px;
background-image: url(../images/top_background.png);
}
.twoColFixLtHdr #header h1 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 10px 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
}



.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/*各ページタイトル*/
div.title,h2.title{
margin-bottom:10px;
}


ul {
	line-height: 160%;
	margin-top: 2px;
	margin-right: 10px;
	margin-bottom: 2px;
	margin-left: 10px;
	padding-top: 2px;
	padding-right: 12px;
	padding-bottom: 2px;
	padding-left: 12px;
	list-style-type: square;
	list-style-image: none;
	color: #FF6600;
	font-size: 90%;
}




.style1 {font-size: 90%}


.style7 {
	font-size: 90%;
	line-height: 150%;
	padding: 4px;
	margin:2px;
	width: auto;
}
.style8 {
	font-size: 100%;
	line-height: 150%;
	padding: 4px;
	margin:2px;
	width: auto;
}

.newsText {	font-size: 100%;
	line-height: 150%;
	padding: 4px;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 10px;
	width: auto;
}

.newsTitle{
font-size: 120%; line-height: 140%; font-weight: bold; margin-left: 10px;
}

/*Colum*/
.columText{
line-height:150%;
padding:10px 0;
}
.columTextHeader{
line-height:150%;
padding:5px 10px;
margin:30px 0 0;
border-left:3px solid #FF9900;
font-weight:700;
}
.columCaption{
border:1px dotted #FF9900;
font-size: 90%;
line-height:150%;
padding:10px;
background-color:#FDFAE1;
}
.columTitle{
margin-top:10px;
font-size: 100%;
font-weight:700;
}
.columReadText{
font-size: 90%;
padding-top:10px;
}




.manga{
margin-top:20px;
}
.mangaTitle{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 170%;
	font-weight: bolder;
	padding: 18px;
	margin: 0px;
}
.mangaTitleSub{
	font-size: 140%;
	font-weight: bold;
	padding:12px 20px 8px 12px;
	margin: 0px;
}
.mangaRead{
	font-size: 90%;
	line-height: 150%;
	padding: 4px;
	margin:2px;
	width: auto;
}
.mangaMenuSelf{
	font-size: 90%;
	line-height: 150%;
	padding: 4px;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	width: auto;
	color: #666;
	font-weight:700;
}
.mangaMenu{
	font-size: 90%;
	line-height: 150%;
	padding: 4px;
	margin:2px;
	width: auto;
}



/*
漫画色分け
*/
.colorType201004-01a{
	color: #0069B7;
	background-color: #F6FBFF;
	border: 1px dotted #0069B7;
}
.colorType201004-01b{
	color: #ffffff;
	background-color: #0069B7;
}

.colorType201004-02a{
	color: #008340;
	background-color: #E7FFF3;
	border: 1px dotted #008340;
}
.colorType201004-02b{
	color: #ffffff;
	background-color: #008340;
}






.copyright{
	font-size: 80%;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 2px;
	margin-left: 10px;
}










.style17 {
	font-size: 80%;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 2px;
	margin-left: 10px;
}
.style18 {
font-weight:bold;
font-size: 130%;
}


.style15 {
font-size: 120%; line-height: 140%; font-weight: bold;
}




.style16 {color: #666666}
.style17 {font-size: 80%}
.style18 {	font-size: 80%;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 2px;
	margin-left: 10px;
}
.style13 {font-size: 150%; font-weight: bold; }



.twoColFixLtHdr #sidebar1 {
	float: right; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 220px; /* 背景色は、列内のコンテンツの長さにわたって表示されます */
	padding: 32px 4px 4px 4px;

}
.twoColFixLtHdr #mainContent {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 20px;
	float:left;
	width:700px;
	text-align:left;
} 


/*top*/
.thumb{
}



#footer {
	padding: 0 10px 0 10px;
	background-color: #FFFFFF;
}


#footer .footernavi{
border-top:3px solid #ff6600;
border-bottom:1px dashed #999;
padding-top:0.7em;
padding-bottom:0.7em;
text-align:center;
font-size:90%;
}
#footer .footernavi2{
padding-top:0.5em;
padding-bottom:0.5em;
text-align:center;
font-size:90%;
}



/*プレゼント*/
.presentRead{
font-weight:400;
color:#093;
}
.presentTitle{
font-weight:700;
}
.presentClient{
	color:#F30;
}	
.presentNum{
	padding:0px 0 20px;
}
.presentNum span{
	
	font-size:90%;
	color:#555;
}
.presentText{
	line-height:120%;
}
.presentCaution{
	
	padding:10px 0 0px;
	font-size:80%;
	line-height:130%;
}
.presentContact{
	font-size:85%;
	background-color:#f0f0f0;
	padding:10px;
	margin:10px 0 0;
}


.pankuzu{
width:900px;
margin:0 10px;
font-size:80%;
padding:5px 20px 8px;
border-bottom:1px dashed #ff6600;
}



/*table*/
table.layoutTable_A{
border-collapse:collapse;
}
table.layoutTable_A td{
padding:10px;
border:1px solid #ccc;
background-color:#ffffff;
font-size:75%;
}

table.layoutTable_center th{
text-align:center;
}
table.layoutTable_A th{
padding:10px;
background-color:#e5e5e5;
border:1px solid #ccc;
font-size:75%;
}

table.layoutTable_A th span.min{
font-size:80%;
}
table.layoutTable_A td.strong{
font-size:140%;
}


.question{
border:2px solid #ccc;
background-color:#09945e;
padding:15px;
width:651px;
color:#fff;
font-size:80%;
font-weight:700;
margin-top:20px;

}
.answerBox{
padding:15px;
width:651px;
border:2px solid #ccc;
border-top:none;
}
.answer{
color:#09945e;
font-size:80%;
font-weight:700;
border-bottom:2px solid #ccc;
padding:15px 5px;
margin-bottom:15px;
}
.text{
line-height:150%;
font-size:90%;
padding-top:0.3em;
}
.text2{
line-height:150%;
font-size:80%;
padding-top:0.3em;
}
.hr-gray{
background-color:#ccc;
height:1px;
margin:18px 0;
}