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


h1 { 
font-style: normal; font-weight: normal; font-size: 24px; font-family: Osaka, 平成角ゴシック, "ＭＳ ゴシック", Osaka-等幅, "ＭＳ Ｐゴシック";}
h2 { 
font-style: normal; font-weight: normal; font-size: 20px; line-height: 16px; font-family: Osaka, 平成角ゴシック, "ＭＳ ゴシック", Osaka-等幅, "ＭＳ Ｐゴシック";}
h3 { 
font-style: normal; font-weight: normal; font-size: 16px; line-height: 18px; font-family: Osaka, 平成角ゴシック, "ＭＳ ゴシック", Osaka-等幅, "ＭＳ Ｐゴシック"}
h4 { 
font-style: normal; font-weight: normal; font-size: 13px; line-height: 18px; font-family: Osaka, 平成角ゴシック, "ＭＳ ゴシック", Osaka-等幅, "ＭＳ Ｐゴシック"}
h5 { 
font-style: normal; font-weight: normal; font-size: 11px; line-height: 13px; font-family: Osaka, 平成角ゴシック, "ＭＳ ゴシック", Osaka-等幅, "ＭＳ Ｐゴシック"}
h6 { 
font-style: normal; font-weight: normal; font-size: 9px; font-family: Osaka, 平成角ゴシック, "ＭＳ ゴシック", Osaka-等幅, "ＭＳ Ｐゴシック"}

.maintitle { font-size: 28px; line-height: 30px }
.title { font-size: 20px; line-height: 22px }
.intitle  { font-size: 16px; line-height: 18px }
.text   { font-size: 13px; line-height: 18px }
.text_s    { font-size: 12px; line-height: 14px }
.small  { font-size: 11px; line-height: 13px }
.ss { font-size: 9px; line-height: 10px }
.sss  { font-size: 8px; line-height: 9px }
.pd25 { padding:25px 0px; border-top:1px dotted #FF99CC;}
.pd10 { padding:10px 0px;}
.dot{ border:1px dotted #FF99CC;}
.pd010 { padding:0px 10px;}
.pd5 { padding:5px 0;}
.pd_bt{ padding-bottom:10px;}
.pdl30{ padding-left:30px;}
.pdl15{ padding-left:15px;}


  a{text-decoration:none;}
  a:link{color:#666666;text-decoration:none;}
  a:visited{color:#666666;text-decoration:none;}
  a:active{color:#FF99CC;text-decoration:none;}
  a:hover{text-decoration:underline;color:#FF99CC;}
  

body {
	text-align: center; /* Centering for IE6 */
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	background-color:#ffffff;
}

div#wrap {
	margin: 0 auto;
    width: 1000px;
	height:100%;
	background:url(../image/bg.jpg);
	background-repeat:repeat-y; 
}
div#mainbox {
	margin: 0 auto;
    width: 900px;
	height:auto;
	clear:none;
}
div#contentsbox {
	margin: 0 auto;
    width: 900px;
	height:auto;
	float:left;
}
div#header {
	margin: 0 auto;
    width: 900px;
	height:100px;
	float:left;
}
div#header_top {
    text-align:left;
    width: 900px;
	height:70px;
	float:left;
}
div#header_box1 {
    width: 230px;
	height:70px;
	float:left;
}
div#header_box2 {
    width: 670px;
	height:70px;
	float:right;
}
div#header_ct {
    width: 500px;
	height:70px;
	float:left;
}
div#header_ct1 {
    width: 500px;
	height:35px;
	float:left;
	text-align:right;
}
div#header_ct2 {
    width: 500px;
	height:35px;
	float:left;
	text-align:right;
}
div#header_box4 {
    width: 170px;
	height:70px;
	float:right;
}

div#header_color {
	margin: 0 auto;
    width: 900px;
	height:30px;
	float:left;
}
div#header_img {
	margin: 0 auto;
    width: 900px;
	height:150px;
	float:left;
}


div#footer {
	margin: 0 auto;
    width: 900px;
	height:auto;
	clear:both;
}
div#foot_ct {
    width: 900px;
	height:60px;
	text-align:center;
	font-size:10px;
	padding-top:5px;
}
div#copy {
    width: 900px;
	height:30px;
}

/*======================================

	Right Box--contentright
	
=======================================*/

#rightboxs {
 width:650px; height:auto;
 float:right;
 padding-top:15px;
 padding-right:25px;
}
#rightbox_bn {
 width:650px; height:auto;
 float:right;
 padding-top:10px;
 padding-bottom:10px;
 padding-right:25px;
}
#side_rightbox {
 width:250px; height:auto;
 float:right;
 font-size:12px;
}
#right_bn {
 width:250px; height:auto;
 float:right;
 font-size:12px;
 text-align:center;
 padding-top:15px;
}

#right_infobox {
 width:650px; height:auto;
 float:left;
 font-size:12px;
 text-align:left;
 padding-top:15px;
}
#right_infobox2 {
 width:650px; height:auto;
 float:left;
 font-size:12px;
 text-align:left;
 padding-top:15px;
 background-image:url(../image/pages_infobg.jpg);
 background-repeat:repeat-y;
}
#right_infobox3 {
 width:650px; height:auto;
 float:left;
 font-size:13px;
 text-align:left;
 background-image:url(../image/pages_infobg.jpg);
 background-repeat:repeat-y;
}
#right_infobox4 {
 width:650px; height:auto;
 float:left;
 font-size:12px;
 text-align:left;
 background-image:url(../image/pages_infobg.jpg);
 background-repeat:repeat-y;
 padding-bottom:20px;
}
#right_infobox5 {
 width:650px; height:auto;
 float:left;
 font-size:12px;
 text-align:left;
 background-image:url(../image/pages_infobg.jpg);
 background-repeat:repeat-y;
 padding-bottom:20px;
  padding-top:15px;
}
#right_minibox {
 width:500px; height:auto;
 float:left;
 font-size:12px;
 text-align:left;
 padding-left:100px;
 padding-top:20px;
}
#right_textbox {
 width:620px; height:auto;
 float:left;
 text-align:left;
 background-image:url(../image/pages_infobg.jpg);
 background-repeat:repeat-y;
}
.float{
   float: left;
   margin-right: 1em;
}
.float2{
   float: left;
   margin-right: 1em;
   margin-left:25px;
   text-align:right;
}
.floatclear{
   clear: both;
}
#ctbox_left {
 width:300px; height:auto;
 float:left;
 text-align:left;
 padding-left:15px;
}
#ctbox_right {
 width:300px; height:auto;
 float:right;
 text-align:left;
 padding-right:15px;
}
#ctbox_top {
 width:300px; height:outo;
 float:left;
  background-color:#FFFFFF;
}
#ctbox_main {
 width:300px; height:auto;
 float:left;
 font-size:10px;
  background-color:#FFFFFF;
}
#ctbox_main2 {
 width:300px; height:auto;
 float:left;
 font-size:12px;
  background-color:#FFFFFF;
}
#ctbox_main3 {
 width:300px; height:auto;
 float:left;
 font-size:12px;
  background-color:#FFFFFF;
}
#ctbox_l_img {
 width:210px; height:auto;
 float:left;
}
#ctbox_r_ct {
 width:440px; height:auto;
 float:right;
}
#ctbox_r_img {
 width:440px; height:auto;
 float:left;
 padding-bottom:10px;
}
#ctbox_r_text {
 width:420px; height:auto;
 float:left;
 font-size:10px;
 padding-bottom:10px;
}
#ctbox_r_text3 {
 width:420px; height:auto;
 float:left;
 font-size:12px;
 padding-bottom:10px;
 text-align:18px;
}
#ctbox_r_text2 {
 width:280px; height:auto;
 float:left;
 font-size:10px;
 padding-bottom:10px;
 padding-left:10px;
 padding-top:10px;
}

/*======================================

	Center Box--
	
=======================================*/

#centerbox {
 width:450px; height:auto;
 float:left;
 font-size:12px;
}
#centerbox_bn {
 width:450px; height:auto;
 float:left;
 font-size:12px;
}
#titlebar {
 width:438px; height:28px;
 margin: 0 auto;
 padding-top:15px;
}
#c_textbox {
 width:438px; height:auto;
 margin: 0 auto;
}

/*======================================

	Left Side Box--contentleft
	
=======================================*/
#leftbox{
 width:200px; height:auto;
 float:left;
 padding-top:15px;
}
#l_box{
 width:200px; height:100px;
 float:left;
 padding-top:15px;
}
#content {position:relative; width:187px; height:333px;}
#content #top {position:absolute; left:0; top:0px; width:187px; height:37px; margin:0;}
#content #whats {position:absolute; left:0px; top:37px; width:187px; height:37px; margin:0;}
#content #self {position:absolute; left:0px; top:74px; width:187px; height:36px; margin:0;}
#content #personal {position:absolute; left:0px; top:110px; width:187px; height:37px; margin:0;}
#content #like {position:absolute; left:0px; top:147px; width:187px; height:37px; margin:0;}
#content #story {position:absolute; left:0px; top:184px; width:187px; height:37px; margin:0;}
#content #expenses {position:absolute; left:0px; top:221px; width:187px; height:37px; margin:0;}
#content #access {position:absolute; left:0px; top:258px; width:187px; height:37px; margin:0;}
#content #demand {position:absolute; left:0px; top:295px; width:187px; height:37px; margin:0;}


 /* --------------------テーブルの設定 --------------------*/  
table{
 width:100%;
 font-size:12px;
 border-color:#999999;
 }
.design1{
 table-layout:fixed;
 border-collapse:collapse;
 }
th,td{
 border-color:#999999;
 }


 /* --------------------体験談の設定 --------------------*/  

#storywrap{
 width:650px; height:434px;
 margin: 0 auto;
 background-image:url(../image/story_bg.jpg);
 background-repeat:no-repeat;
 padding:0 0 0 0;
 }
#storybox{
 width:650px; height:405px;
 }
#storytitle{
 width:550px; height:auto;
 margin: 0 auto;
 }
#storyname{
 width:500px; height:auto;
 margin: 0 auto;
 font-size:14px;
 font-weight:bold;
 }
#storyword{
 width:450px; height:auto;
 margin: 0 auto;
 font-size:11px;
 text-align:left;
 }
#story_bt{
 width:650px; height:29px;
 text-align:center;
 }
 
#voice_box1 {
 width:300px; height:auto;
 float:left;
 font-size:12px;
 background-color:#FFFFFF;
 line-height:18px;
}
#voice_box2 {
 width:300px; height:auto;
 float:left;
 font-size:12px;
 background-color:#FFFFFF;
 line-height:18px;
}