@charset "shift_JIS";


/*---------------------------------------------------------------------------
      基本設定
---------------------------------------------------------------------------*/
body{
 background-color:    #F3F3F3;
 background-image:    url(./../img/bg.gif);
 background-position: center;
 background-repeat:   repeat-y;
 color:               #333333;
 font-family:         'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
 margin:              0px;
 padding:             0px;
 text-align:          center;
}


#main{
 background-color: #FFFFFF;
 color:            #333333;
 margin:           0px auto;
 width:            600px;
}


div,td{
 text-align: left;
}


p,pre{
 font: 14px/18px 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', sans-serif;
}


li{
 margin:          0px;
 list-style-type: none;
}


ol,ul{
 margin:  0px;
 padding: 0px;
}


em{
 font-style:  normal;
 font-weight: bold;
}


img{
 border: 0px;
}


/*________ リンクテキスト用 ________*/
a{
 color:           #0000FF;
 text-decoration: underline;
}

a:hover,
a:active, 		/* for IE (Keyboard) */
a:focus{		/* for Netscape (Keyboard) */
 color:           #FF0000;
 text-decoration: none;
}



/*---------------------------------------------------------------------------
      ヘッダー
---------------------------------------------------------------------------*/
#header{
}


/*________ トップメニュー ________*/
#header #t-menu{
 background-position: center;
 background-repeat:   repeat-y;
 color:               #333333;
 margin:              auto;
 padding:             0px;
/* padding: 4px 20px 0px 20px; */
 width:   600px;
}

#header h1{
 background-color: #FFFFFF;
 color:            #333333;
 font-size:        12px;
 font-weight:      normal;
 line-height:      14px;
 margin:           0px;
}

#header #t-menu p{
 font-size:   12px;
 line-height: 14px;
 margin:      2px;
 text-align:  right;
}

#header #t-menu a{
 color:           #333333;
 text-decoration: underline;
}

#header #t-menu a:hover,
#header #t-menu a:active, 		/* for IE (Keyboard) */
#header #t-menu a:focus{		/* for Netscape (Keyboard) */
 color:           #FF0000;
 text-decoration: none;
}


/*________ トップバナー ________*/
#header #banner{
 background-image: url(./../img/head.jpg);
 background-position: center;
 background-repeat:   repeat-y;
 color:               #333333;
 font-family:         'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
 margin:              0px;
 padding:             0px;
 text-align:          center;
/* width:               850px;*/
}




/*---------------------------------------------------------------------------
      メインコンテンツ
---------------------------------------------------------------------------*/
#contents{
 margin: 10px 0px 0px 20px;
 width:  560px;
}


#contents p{
 margin: 8px 16px;
}


#contents ul{
 margin: 8px 16px;
}


div ul li {
	list-style:none;
	text-align:left;
	font-size:15px;
	font-weight:bold;
	line-height:170%;
	padding:0 0 7px 20px;
	background: transparent url(../img/bullet1.gif)  no-repeat 0 0;
}


#contents table{
 margin: 0px 16px 8px 16px;
 width:  580px;
}
#contents table th{
 width: 160px;
}
#contents table td{
 width: 400px;
}


/*________ コンテンツタイトル ________*/
#contents m1{
 background-position: left center;
 background-repeat:   no-repeat;
 width:               600px;
}

#contents h2{
 background-image:    url(./../img/bg_h2.gif);
 background-position: left center;
 background-repeat:   no-repeat;
 font-size:           21px;
 line-height:         34px;
 margin:              8px 0px 8px 4px;
 text-indent:         36px;
 width:               550px;
}

#contents h3{
 background-image:    url(./../img/bg_h3.gif);
 background-position: left center;
 background-repeat:   no-repeat;
/* color:               #333333; _*/
 font-size:           21px;
 line-height:         34px;
 margin:              8px 0px 8px 4px;
 text-indent:         36px;
 width:               550px;
}



/*------------------------------------------------
　　フッター
------------------------------------------------*/

#footer {
clear:both;
margin:0;
padding:5px 0 5px 0;
text-align:center;
font-size:12px;
line-height:200%;
border-top:solid 1px #999999;
}




/*________ コピーライト ________*/
#footer #copyright{
 color:       #666666;
 font-size:   12px;
 line-height: 24px;
 text-align:  center;
}






/*---------------------------------------------------------------------------
      クラス
---------------------------------------------------------------------------*/
/*________ 解除用 ________*/
.clear{ clear: both; }


/*________ フロートボックス解除用 ________*/
.fl-clear{ clear: both !important; }


/*________ テキストスタイル用 ________*/
.b{ font-weight: bold !important; }

.s{ text-decoration: line-through !important; }

.u{	text-decoration: underline !important; }

.box-pro {
	width: 545px;
	border: 3px double #faaa32;
	margin-bottom: 20px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 5px;
	float: none;
	background-color: #ffffcc;
}




/*________ フォントサイズ用 ________*/
.fsmoji{
 font-size:   14px !important;
 line-height: 18px !important;
}

.fs10{
 font-size:   10px !important;
 line-height: 12px !important;
}

.fs12{
 font-size:   12px !important;
 line-height: 14px !important;
}

.fs14{
 font-size:   14px !important;
 line-height: 18px !important;
}

.fs16{
 font-size:   16px !important;
 line-height: 24px !important;
}

.f18{
 font-size:   18px !important;
 line-height: 22px !important;
}


/*________ テキスト位置用 ________*/
.ta-c{ text-align: center !important; }

.ta-r{ text-align: right !important; }

.fl-l{ float: left !important; }

.fl-r{ float: right !important; }

.va-m{ vertical-align: middle !important; }


/*________ テキスト色用 ________*/
.red{
 color:       #FF0000 !important;
 font-weight: bold !important;
}

.blue{
 color:       #0000FF !important;
 font-weight: bold !important;
}

.error{
 color:       #CC0000 !important;
 font-weight: bold !important;
}


/*________ マージン用 ________*/
.m-t4{ margin-top: 4px !important; }

.m-l10{ margin-left: 10px !important; }

.m-r6{ margin-right: 6px !important; }