@charset "utf-8";
/* ===================================================================
CSS information

	file name  :style.css
	author     :Tatsuya Kougami
	style info :コンテンツエリア関係 他
 
このスタイルシートの構成
基本設定、リンクカラー、見出し設定など
	汎用class
	各種スクリプト用class
	テーブル・表組用class
	タブ機能実装用
	 #navSkip
レイアウト、横幅設定など
	 #page
=================================================================== */

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
body {
}

#top_page {
	background-image: url(../images/share/common_bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
}

#main_page {
	background-image: url(../images/share/background_main.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}


a:link {
	color: #039;
}

a:visited {
}

a:hover {
	color: #636;
	text-decoration: none;
}

a:active {
}

hr {
	border-width: 1px 0px 0px 0px; /* 太さ */
	border-style: dotted; /* 線種 */
	border-color: #CCC; /* 線色 */
	height: 1px; /* 高さ */
}

.Caution li{
	list-style-type:none;
	text-indent:-1em;
	padding-left:1em;
}





.f_er {
	background-color: #FFDDFF;
	padding: 4px;
	margin: 8px;
	border: 1px solid #F00;
}



/*----------------------------------------------------
	#page
----------------------------------------------------*/
#page {
	width: 800px;
	margin: 0 auto;
	position: relative;
}


/*----------------------------------------------------
	基本設定、見出しタグなど
----------------------------------------------------*/

.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }
.red { color: #C00; }


/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.clear_both {
	clear: both;
	display: block;
}


.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

.posiC {
	margin-right: auto;
	margin-left: auto;
	display: block;
	margin-bottom: 1em;
}

.alignC {
	display: block;
	margin-bottom: 1em;
	text-align: center;
}

.alignR {
	text-align: right;
}


.left70 {
	padding-left: 70px;
}

.page-scroll {
	width:	680px;
	height:	300px;
	margin-left:auto;
	margin-right:auto;
	margin-top:24px;
	margin-bottom:16px;
	padding:12px;
	border: 1px solid #999;
	overflow-y: scroll;
}


/*----------------------------------------------------
	contents class
----------------------------------------------------*/

#contents {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


/*----------------------------------------------------
	main_contents class
----------------------------------------------------*/

#main_contents {
	padding: 10px;
}

#main_contents h1 {
	border: 1px solid #CCC;
	padding-top: 24px;
	padding-right: 8px;
	padding-bottom: 24px;
	padding-left: 12px;
	margin-bottom: 12px;
	font-size: 142%;
	background-image: url(../images/item/sub_midashi_bg.gif);
	background-position: bottom;
}

#main_contents h2 {
	color: #B7560F;
	padding: 4px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #F08B44;
	font-size: 116%;
	margin-bottom: 1em;
}

#main_contents h3 {
	margin-bottom: 1em;
	background-color: #EEE;
	padding: 4px;
	font-size: 108%;
}

#main_contents table,#main_contents ol,#main_contents ul,#main_contents dl,#main_contents blockquote,#main_contents pre,#main_contents p {
	margin-bottom: 1em;
	margin-left: 10px;
}

#main_image {
	margin-top: 10px;
	margin-right: 5px;
	margin-left: 5px;
}



/* #main_contents ul liメインのリスト関連
----------------------------------------------------*/

#main_contents ul {
	list-style-position: inherit;
	margin-left: 1em;
}

#main_contents li {
	list-style-type: disc;
	margin-left: 2em;
	margin-bottom: 5px;
	list-style-position: outside;
}



/*----------------------------------------------------
	main class
----------------------------------------------------*/

#main {
	display: block;
	width: 562px;
	float: left;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}

#main .indent1em{
	padding-right: 1em;
	padding-left: 1em;
}

#main ul li {
	display: block;
	list-style-type: none;
	margin: 0px;
}

#main ul {
	display: block;
	height: 180px;
	overflow: auto;
	margin-top: 5px;
	margin-bottom: 10px;
}
	
#main li {
	list-style-type: none;
	display: inline;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-left: 12px;
	background-image: url(../images/share/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}	
	
	
	
	
	
/*----------------------------------------------------
	sub class
----------------------------------------------------*/

#sub {
	display: block;
	width: 224px;
	float: right;
	padding-right: 2px;
}

#sub ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#sub li {
	padding: 0px;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#side_banner {

}



/*----------------------------------------------------
	#利用規約・利用条件　インデント
		
----------------------------------------------------*/

.indent-1 {
	font-family: "ＭＳ ゴシック", "Osaka‐等幅";
	text-indent: -1em;
}
.indent_zone-1 {
	width: 668px;
	padding-left: 1em;
}
.indent-3 {
	font-family: "ＭＳ ゴシック", "Osaka‐等幅";
	text-indent: -3em;
}
.indent_zone-3 {
	width: 636px;
	padding-left: 3em;
}
.indent-4 {
	font-family: "ＭＳ ゴシック", "Osaka‐等幅";
	text-indent: -4em;
}
.indent_zone-4 {
	width: 624px;
	padding-left: 4em;
}
.indent-4b {
	font-family: "ＭＳ ゴシック", "Osaka‐等幅";
	text-indent: -4em;
	margin-left: 3em;
}
.indent_zone-5 {
	width: 610px;
	padding-left: 5em;
}
.indent_zone-6 {
	width: 597px;
	padding-left: 6em;
}
.indent-7 {
	font-family: "ＭＳ ゴシック", "Osaka‐等幅";
	text-indent: -7em;
}
.indent_zone-7 {
	width: 584px;
	padding-left: 7em;
}