@charset"Shift_Jis"; 
* { margin : 0 ; padding : 0 ; }

body{
	font-family:"MSPゴシック,Osaka,ヒラギノ角ゴ Pro W3"
	width : 100% ;
	background: url(img/bg.gif);
	background-color:#F0F0F0;
	background-repeat: repeat-y;
	background-position: center;
	text-align:center;
}



/*--------------------------------

__header

--------------------------------*/

#header { 
	margin:0 auto;
	margin-top:10px;
	margin-bottom:15px;
	width : 900px ; 
	height : 150px ; 
}

img{
border:none;
}

/*--------------------------------

__main_box

--------------------------------*/

#main{ 
	margin: 0px auto;
	width : 900px ; 
	background:#ffffff;
	text-align:left;
}

/*--------------------------------

__menu

--------------------------------*/

#menu{ 
	float:left;
	width : 200px;
	background:#ffffff;
}

  #menu_title{
	width : 200px;
	height : 60px ; 
	background:url(img/menu_title.gif) #ffffff;
  }

  #menu_title02{
	width : 200px;
	height : 43px ; 
	background:url(img/menu_title02.gif) #ffffff;
  }

  #menu_title_space{
	width : 200px;
	height : 10px ; 
	background:url(img/menu_title_li_line.gif)#ffffff;
  }

  #menu_title_bottom{
	width : 200px;
	height : 13px ; 
	font-size:14px;
	background:url(img/menu_title_bottom.gif) #ffffff;
  }

  #menu_list{
	width : 200px;
	background:url(img/menu_title_li_line.gif) #ffffff;
  }

  .list_back{
	margin:0px auto;
	padding-top:3px;
	width : 190px;
	height : 28px ;
	margin-bottom:10px;
	line-height:normal;
	background:url(img/menu_title_bg.gif) #ffffff no-repeat;
  }

  #menu_list ul li{
	list-style-type: none;
	margin-left:5px;
	background: url(img/menu_title_li_img.gif) no-repeat;
  }

  #menu_list li a{
	display: block;
	margin-left:20px;
	padding-top:1px;
}

  #menu_list ul li a:hover{
	background: url(img/menu_title_bg.gif)) no-repeat;
  }

/*--------------------------------

__contents

--------------------------------*/

#contents{  
	float : right; 
	width : 680px; 
	background:#ffffff; 
	font-size:14px;
}

#contents_main_title{
	width : 640px ; 
	height : 50px ;
	margin-left:20px;
	background: url(img/top_img_title.gif) no-repeat;
	background-color:#ffffff; 
}

#contents_main_title02{
	width : 640px ; 
	height : 60px ;
	margin-left:20px;
	background: url(img/top_img_title02.gif) no-repeat;
	background-color:#ffffff; 
}

#contents_menu_space{
	margin: 0px auto;
	width : 570px ; 
	padding:25px;
	background:#ffffff;
}

#contents_menu{
	margin: 0px auto;
	padding:0px;
	height : 280px ;
	background:#ffffff; 
}

#contents_img_a{
	float : left;
	width : 250px; 
}

#contents_img_b{
	float : right;
	width : 250px; 
}

#contents_img_c{
	float : left;
	width : 250px; 
}

#contents_img_d{
	float : right;
	width : 255px; 
}

#con_title01{
	width : 680px;
	height : 47px ; 
	background:url(img/con_title01.gif) #ffffff;
  }
#con_title02{
	width : 680px;
	height : 47px ; 
	background:url(img/con_title02.gif) #ffffff;
  }

#con_title03{
	width : 680px;
	height : 47px ; 
	background:url(img/con_title03.gif) #ffffff;
  }

#con_title04{
	width : 680px;
	height : 47px ; 
	background:url(img/con_title04.gif) #ffffff;
  }

#con_title05{
	width : 680px;
	height : 47px ; 
	background:url(img/con_title05.gif) #ffffff;
  }

#con_title06{
	width : 680px;
	height : 47px ; 
	background:url(img/con_title06.gif) #ffffff;
  }

#con_title07{
	width : 680px;
	height : 47px ; 
	background:url(img/con_title07.gif) #ffffff;
  }

#title05_box_top{
	margin:20px 0 0 25px;
	width : 640px;
	height:15px;
	background:url(img/title05_box_top.gif) #ffffff;
}

#title05_box_bottom{
	margin:0px 0 0 25px;
	width : 640px;
	height:15px;
	background:url(img/title05_box_bottom.gif) #ffffff;
}

#title05_box{
	padding:10px;
	margin:0 0 0 25px;
	width : 620px;
	background:url(img/title05_back.gif) #ffffff;
}



#title05_box ol{
	margin-left:30px
}

#title05_box li a,
#title05_box li{
	font-size:14px;
	font-weight:bold;
	color:#556666;
	line-height:1.5em;
}

#title05_box li a:hover{
	font-size:14px;
	font-weight:bold;
	color:#aa6677;
	line-height:1.5em;
}

#h2_box{
	margin:20px 0 0 25px;
	padding:10px;
	width:600px;
	background:url(img/h2_back.gif) #f5f0dd;
	boder:1px solid #;
}

#h2_box h2{
	margin-bottom:10px;
	font-size:14px;
	font-weight:bold;
	color:#886655;
}

#h2_box span{
	margin:0 10px 0 0;
	padding:3px;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	background:#6699aa;
	border:1px solid #ffffff;
}

#h2_box p{
	margin:0 0 0 27px;
	padding:5px;
	width : 565px;
	line-height:1.5em;
	font-size:14px;
	color:#000000;
	background:#ffffff;
}

#contents h1{
	margin-left:70px;
	padding-top:10px;
	font-size:22px;
	color:#556677;
  }

#contents .h1_back{
	margin-top:10px;
	margin-bottom:10px;
	width : 623px;
	height : 51px ; 
	background:url(img/h1_title.gif) #ffffff;
  }

#contents .h1_back02{
	margin-top:10px;
	margin-bottom:10px;
	width : 623px;
	height : 51px ; 
	background:url(img/h1_title02.gif) #ffffff;
  }
#contents .h1_back03{
	margin-top:10px;
	margin-bottom:10px;
	width : 623px;
	height : 51px ; 
	background:url(img/h1_title03.gif) #ffffff;
  }

#contents_frame{
	margin-left:50px;
	width : 623px;
	font-size:14px;
	color:#777777;
}
#contents_frame .point_back{
	margin-bottom:15px;
	width : 561px;
	height : 61px ; 
	background:url(img/point_back.gif) #ffffff;
  }
#contents_frame .point_text{
	margin-left:120px;
	padding-top:15px;
	font-size:14px;
	color:#aa5555;
  }
#contents_frame .table_title_back{
	margin-bottom:15px;
	width : 561px;
	height : 36px ; 
	background:url(img/co_table_title.gif) #ffffff;
  }

#contents_frame h2{
	margin-left:10px;
	padding-top:10px;
	font-size:15px;
	color:#777777;
  }

#contents_frame table,tr{
	font-size:14px;
	color:#555555;
	padding: 5px;
	border: none;
  }
#contents_frame td{
	background:#f7f3e0;
	padding: 5px;
	border: 1px solid #aaaaaa;
  }
  
#contents_frame td.right{
	background:#eeeeee;
	border-color:#aaaaaa;
	padding: 5px;
  }

#contents_frame .text_potion{
	margin-left:15px;
  }


/*--------------------------------

__footer 

--------------------------------*/

#footer { 
	clear:both;
	width : 900px ; 
	height : 50px;
	margin: 0px auto;
	background:#ffffff; 
}

#line { 
	margin: 10px auto;
	width : 900px ; 
	height : 1px;
	background:#aaaaaa; 
}

#line02 { 
	margin-top:15px;
	margin-bottom:15px;
	width : 540px ; 
	height : 2px;
	background:#e7e3c0;
}

#line03 { 
	margin-top:10px;
	margin-bottom:10px;
	width : 540px ; 
	height : 1px;
	background:#dddddd;
}

.text01 { 
	color: #555555;	
	font-size:13px;	
}

p.height25{
	height : 25px;
}

p.height10{
	height : 10px;
}

a:link { color: #0000ff;
	text-decoration: none; }

a:visited { color: #dd3366;
	text-decoration: none; }

a:active { color: #77AA77;
	text-decoration: none; }
a:hover{
	color: #dd3366;
	text-decoration: none;}




.col1:after
,.box-body9:after
,.separate:after
{content: ".";display: block;height: 0;clear: both;visibility: hidden;}

.col1
,.box-body9
,.separate
{display: inline-block;}

/* Mac IE を除外 ここから \*/
.col1
,.box-body9
,.separate
{display: block;}
/* Mac IE を除外 ここまで */


.col1 {clear: both;}

.box-frame9 {
float: left;
width: 100%;
}

.box9 .b1,.box9 .b2,.box9 .b3,.box9 .bmid,.box9 .b4,.box9 .b5,.box9 .b6 {
position: relative;height: 1%;padding: 1px 0;background-repeat: no-repeat;}

.box9 .b1 {margin: 20px 0 20px 20px;
background-position: right top;background-repeat: repeat-y;}
.box9 .b2,.box9 .b5 {margin: -21px 0;padding:0;background-position: right top;}
.box9 .b3 {padding:0;background-position: right bottom;}
.box9 .bmid {margin: 0 30px 0 -20px;}
.box9 .b4 {margin: 19px 0;background-position: left top;background-repeat: repeat-y;}
* html .box9 .b4 {margin-top: 20px;}
*:first-child+html .box9 .b4 {margin-top: 20px;}
.box9 .b5 {background-position: left top;}
.box9 .b6 {padding: 0;background-position: left bottom;}

.box9 .box-body9 {
position: relative;
margin: 0 -30px 0 0;
padding: 1px 8px 7px 8px;
}

.formblock {
width: 570px;
margin-bottom: 10px;
}

.form-only {
width: 480px;
margin-bottom: 10px;
}

.shorttype {
width: 500px;
}

.shorttype .box9 {
margin-left: -25px;
}

.longtype {
width: 750px;
}

.formblock h2 {
margin: 0;
height: 0;
font-size: 1px;
text-indent: -9999px;
color: #fff;
}

.longtype h2 {
margin: 0 0 0 235px;
height: 61px;
background: url(img/system/heading_for_longtype.gif) no-repeat;
}

.formblock .box-body9 {
padding: 115px 5px 10px 0;
}

.longtype .box-body9 {
padding: 58px 5px 10px 0;
}

.box-body9 .form-panel .box9 {
margin-left: 235px;
}

.shorttype .form-panel .box9 {
margin-left: 35px;
}

.form-panel .box-body9 {
padding: 33px 10px 0 27px;
font-size: 12px;
}

.longform form,.form-only form {
font-size: 16px;
}

form input {
margin: 5px 0 0;
}

.form-panel form dl {
margin: 0;
padding: 0 10px 0 0;
line-height: 1;
}

.form-panel form dt {
padding-top: 10px;
}

.form-panel form dd {
margin: 0;
padding: 5px 0 0 0;
}

.longform form dd,.form-only form dd {
margin: -22px 0 0 8em;
padding: 5px 0 0 0;
}

.form-panel form p {
margin: 0;
}

.form-submit input {
float: right;
position: relative;
margin: -90px -20px -20px 0;
width: 131px;
}

.formblock .b2,.formblock .b5 {background-image: url(img/system/box_formblock_1top.gif);}
.longtype .b2,.longtype .b5 {background-image: url(img/system/box_formblock_1top_long.gif);}
.formblock .b1,.formblock .b4 {background-image: url(img/system/box_formblock_2mid.gif);}
.formblock .b3,.formblock .b6 {background-image: url(img/system/box_formblock_3btm.gif);}
.shorttype .b3,.shorttype .b6 {background-image: url(img/system/box_formblock_3btm_short.gif);}

.form-panel .b2,.form-panel .b5 {background-image: url(img/system/box_form_panel_1top.gif);}
.form-panel .b1,.form-panel .b4 {background-image: url(img/system/box_form_panel_2mid.gif);}
.form-panel .b3,.form-panel .b6 {background-image: url(img/system/box_form_panel_3btm.gif);}
.form-only .b2,.form-only .b5 {background-image: url(img/system/box_form_panel_1top_fonly.gif);}
.form-only .b1,.form-only .b4 {background-image: url(img/system/box_form_panel_2mid_fonly.gif);}
.form-only .b3,.form-only .b6 {background-image: url(img/system/box_form_panel_3btm_fonly.gif);}