@charset "EUC-JP";

/* *********************************
FileName: style.css
UpdatedBy: -
*********************************** */

/* *********************************
特記事項：



*********************************** */


/* *********************************
001: 基本レイアウト
002: ヘッダー
003: フッター
004: 下層ページサイドメニュー
005: 見出し
006: テキストリンク
007: 汎用クラス
008: 汎用ボックス
009: 汎用リストタイプ
010: CLEARFIX
011: TOPページ専用
012: 下層ページ専用
013: 
014: 
015: 
016: 
017: 
018: 
019: 
020: 
*********************************** */


/* *********************************

/* 001: 基本レイアウト

*********************************** */
body {
	margin: 0 0 0 0;
	padding: 0;
	text-align:center;
	color: #666666;
	font-size: 80%;
	font-family: "ＭＳ Ｐゴシック", "MS UI Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	line-height: 133%;
}
#page {
	background-repeat:repeat-y;
	background-color:#FFFFFF;
	margin:auto;
	padding:0 1px 0 1px;
	text-align:left;
	width:900px;
}

/* ヘッダ */
#header {width: 900px; margin-bottom:1px;}



#content { clear:both; margin:0px; padding:0; width: 900px;}
#content #sub{width:191px; float:left; margin-top:10px;}
#content #main{float:right;width:703px; text-align:left;}

/* サイドメニュー */
#sidemenu {float:left;width:190px;}

#sidemenu ul {margin-bottom:20px;}
#sidemenu li a {display:block;padding-left:30px;text-decoration:none;_margin-bottom:-17px;}
#sidemenu li a:hover {display:block;background:url(../images/sidemenu_arrow.gif) 18px 4px no-repeat;padding-left:30px;}
#sidemenu li.on {display:block;background:url(../images/sidemenu_arrow.gif) 18px 4px no-repeat;padding-left:30px;}


/* フッター */
#foot { clear:both; margin-top:0px; padding:0 0 0px 0;}


/* トップページ３段組用 */
#index_content{ clear:both; margin:10px 0; padding:0; width:900px;}

#index_content #main_sub{ float:left; width:591px; margin-right:8px; _margin-right:6px;}
#index_content #sub{ float:left; width:191px;}
#index_content #main{float:right;width:391px;}

#index_content #extra{ float:left; width:301px;}


/* *********************************

/* 002: ヘッダー

*********************************** */


/* 共通ヘッダ */
#header .caption{
	padding-left:5px;
	margin-bottom:10px;
	font-size:95%;
	border:1px solid #cccccc;
	background-image: url(../images/bg_caption.jpg);
	background-position: 0 0;
	background-repeat: repeat-x;
	height:26px;
}

#header .caption ul{ padding-right:5px; background-image: url(../images/head_list_icon.jpg); background-repeat:no-repeat; float:right;}
#header .caption li { float:left;}
#header .caption li a{padding:0 3px; color:#333333;}

#header .rogo{ clear:both; float:left;}

#header .search{
	width:453px;
	height:47px;
	_width:463px;
	_height:69px;
	padding:22px 0 0 10px;
	margin:0px 9px 0 0;
	background-image: url(../images/head_search_bk.jpg);
	background-position: 0 0;
	background-repeat:no-repeat;
	float:left;
}

#header .input_text{float:left; width:362px; _width:365px; height:18px; _height:20px;}

#header ul{ margin-top:6px; float:left;}
#header ul.no{ margin-top:0px; float:left;}
#header li{ float:left; padding:0 4px;}

/* トピックパス */
#topicpath {clear:both; width:760px;font-size:70%; padding:10px 20px;}

/* *********************************

/* 003: フッター

*********************************** */


/* フッター */
#foot_menu {
	float:none;
	clear:both;
	border-top:1px solid #cccccc;
	_width:900px;
	margin-bottom:10px;
	margin-top:40px;
	padding-top:5px;
}

#foot_menu ul{text-align:center;margin-top:10px;}
#foot_menu li{float: left;list-style-type: none;padding:0 5px;}
#foot_menu a{ color:#666666;}
#foot_menu p{ float:right;}
#foot_menu div{ float:left; margin-left:10px;}


/* *********************************

/* 005: 見出し

*********************************** */
h1{margin-bottom:10px;font-weight:bold;}

h2{margin-top:10px;margin-bottom:10px;margin-left:15px;}
#content h2{margin:20px 0;}

/* *********************************

/* 006: テキストリンク

*********************************** */

a { text-decoration:none;}
a:hover {text-decoration:underline;}

/* ページの先頭へ */
.pagetop {clear:both;margin: 30px 0px 30px 0;text-align: right;}


/* *********************************

/* 007: 汎用クラス

*********************************** */


/* 基本テキスト段落 */
p{
	text-indent: 0px;
}

/* テキストサイズ */
.font_xs {font-size:70%;}
.font_s {font-size:90%;}

/* テキスト強調 */
.bold {font-weight: bold;}

/* テキストカラー */
.red  {color: #ff0000;}
.blue {color: #0033FF;}
.orange {color: #FF9900;}
.pink {color:#FF99CC;}
.yellow {color:#FFFF99;}


/* テキスト位置 */
.left  {text-align:left;}
.center{text-align:center;}
.right {text-align:right;}

.top    {vertical-align:top;}
.middle {vertical-align:middle;}
.bottom {vertical-align:bottom;}

/* 回りこみ */
.float_left  {float:left;}
.float_right {float:right;}

/* 画像専用回りこみ */
.img_float_left  {float:left;margin-left:10px;margin-right:10px;margin-bottom:10px;}
.img_float_right {float:right;margin-left:10px;margin-right:10px;margin-bottom:10px;}

/* マージン系 */
.margin10 {margin:10px;}

.marginleft5  {margin-left:5px;}
.marginleft10 {margin-left:10px;}
.marginleft15 {margin-left:15px;}
.marginleft20 {margin-left:20px;}

.margintop2  {margin-top:2px;}
.margintop3  {margin-top:3px;}
.margintop5  {margin-top:5px;}
.margintop10 {margin-top:10px;}
.margintop20 {margin-top:20px;}
.margintop60 {margin-top:60px;}

.marginbottom2 {margin-bottom:2px;}
.marginbottom3 {margin-bottom:3px;}
.marginbottom5 {margin-bottom:5px;}
.marginbottom10 {margin-bottom:10px;}
.marginbottom20 {margin-bottom:20px;}

.margintopbottom2 {margin:2px 0px;}
.margintopbottom10 {margin:10px 0px;}
.margintopbottom20 {margin:20px 0px;}

.indent1 {margin-left:10px;}
.indent2 {margin-left:2em;}
.indent3 {margin-left:3em;}


/* *********************************

/* 008: 汎用ボックス

*********************************** */

.box_100{width:100px;}
.box_200{width:200px;}
.box_300{width:300px;}
.box_400{width:400px;}
.box_500{width:500px;}

/* 段組 */
div.step_double,
div.step_triple,
div.step_4ple,
div.step_5ple {clear: both;width: 99.9%;}

div.step_double div {float: left;padding-right:10px;width: 48%;}
div.step_triple div {float: left;padding-right: 1px;width: 33%;}
div.step_4ple div   {float: left;padding-right: 3px;width: 24.3%;}
div.step_5ple div   {float: left;padding-right: 2px;width: 19%;}

/* *********************************

/* 009: 汎用リストタイプ

*********************************** */

#content ul li,
#index_content ul li{
	margin:5px 0;
}

#content ul.back_number li,
#index_content ul.back_number li{
}

ul.type_disc,
li.type_disc {list-style-position: outside;list-style-type: disc;margin-left: 19px;}

ul.type_circle,
li.type_circle {list-style-position: outside;list-style-type: circle;margin-left: 19px;}

ul.type_none,
li.type_none {list-style-position: outside;list-style-type: none;margin-left: 19px;}

ol {margin-left: 3px;_margin-left: 9px;}
ol li {list-style-position: outside;line-height: 133%;margin-left: 16px;}


/* *********************************

/* 010: CLEARFIX

*********************************** */

.space{clear:both;}
.clfx{clear:both;zoom:1; /*for IE 5.5-7*/ min-height: 1px;}

.clfx:after{/*for modern browser*/
	content:".";
	display: block;
	clear:both;
	height: 1px;
	margin-top: -1px;
	visibility:hidden;
}

br.blockend{clear:both;font-size:1px;}

/* *********************************

/* 011: TOPページ専用

*********************************** */

/* mainカラム */
#index_content #main .tab_box ul.tab li{ float:left; line-height:0; margin:0;}
#index_content #main .tab_text { border:1px solid #cccccc; background-color:#F7F7F7;}
#index_content #main .tab_text p{ font-size:80%; color:#999999; margin:3px 0 0 5px;}

#index_content #main div.item_detail{ margin:2px 0; height:100%; padding:5px; width:381px _width:391px; border-bottom:1px dotted #cccccc;}
#index_content #main div.item_detail .item_text  { float:left; width:289px; font-size:110%;}
#index_content #main div.item_detail .item_text p{margin:0 3px 0px 0; font-size:90%; color:#999999;}
#index_content #main div.item_detail .item_img{ float:left; width:85px;}

/* subカラム */
#sub div.indent1 	 { margin:0 2px;}

#sub .banner 	 {padding:0 0 5px 0; text-align:center; background-color:#323232;}
#sub .banner  img{ margin:5px 0 0;}

#sub .banner2 	 {padding:0; text-align:center;}
#sub .banner2  img{ margin:0;}

#sub .schedule  { margin-top:10px; border:1px solid #666666; background-color:#eeeeee;}
#sub .schedule_calender{ text-align: center;}
#sub .schedule p{ margin:10px 0 10px 3px; line-height:150%;}


/* extraカラム */

#extra div.ex_detail{ margin:2px 0; height:100%; background:#E6E6E6; padding:5px; width:291px; _width:301px;}
#extra div.ex_detail .ex_text  { float:left; width:225px;}
#extra div.ex_detail .ex_img{ float:left; width:66px;}

#extra div.osusume { border:1px solid #cccccc; padding:5px;}

/* *********************************

/* 012: 下層ページ専用

*********************************** */

/* resultページ */
#result h1 {margin-top:10px;}
#result h2 { border-bottom:1px solid #ccc; padding-bottom:2px; margin-bottom:10px;}
#result h2 p { margin:0; padding:0;}

#result h3 { margin:0; padding:3px 5px; background-color:#f2f2f2; font-weight:bold;}

#result .summary { background:url(../images/dot.gif) 0 100% repeat-x; padding:15px 0 10px;}
#result .summary p { margin:10px 0 0 10px;}