@charset "Shift_JIS";

/*
====================================
	(C) 2007 strobe-lights Inc.
	Strobe Cafe CSS
	last update 090418
====================================
*/


/*----- [common styles] -----*/

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: "Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",  "Osaka", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:22px;
	font-weight:normal;
	text-align: center;
}

img,abbr,acronym,fieldset {
	border: 0;
}
.font16{
	font-size: 16px;
	line-height:22px;
	font-weight:bold;
}

#news {
	line-height:24px;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
}
p{
margin:0px;}

a {
	border: none;
}

a:link{
	color: #048cae;
	text-decoration: underline;
}

/*
a:visited{
	color: #D16666;
	text-decoration: underline;
}
*/

a:hover, a:active{
	color: #D87D11;
	text-decoration: none;
}


#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto ;
	text-align: center;
}



#contents{
	width:950px;
  	height:550px;
	margin: 0 auto; /* Firefox 向けセンタリング指定 */
	
}


#dim{
	width: 100%;
	text-align: center;
	margin: 0 auto; /* Firefox 向けセンタリング指定 */
	padding-bottom: 10px;
}
#hd{
	width:800px;
	text-align: left;
		margin: 0 auto; /* Firefox 向けセンタリング指定 */
}

#contents2{
	width:950px;
   	 height:1250px;
	margin: 0 auto; /* Firefox 向けセンタリング指定 */
}

#contents3{
	width:900px;
      height:700px;
	margin: 0 auto; /* Firefox 向けセンタリング指定 */

}

#contents4{
	width:950px;
	margin: 0 auto; /* Firefox 向けセンタリング指定 */

}

#contents5{
	width:950px;
    	height:350px;
	margin: 0 auto; /* Firefox 向けセンタリング指定 */

}

#headline {
	padding: 0;
	width: 100%;
	height: 86px;
	position: relative;
	background-image: url(./img/base01.jpg);
	text-align:center;

}

#headimage {
	padding: 0;
	margin:0;
	width: 100%;
	height: 140px;
	position: relative;
	background-image: url(./img/base_bg.jpg);
	text-align:center;
}

#headimage_t {
	padding: 0;
	width: 100%;
	height: 289px;
	position: relative;
	background-image: url(./img/base_bgt.jpg);
	text-align:center;
}


#headimage_b {
	padding: 0;
	width: 100%;
	height: 30px;
	position: relative;
	background-image: url(./img/base_bg2.jpg);
	text-align:center;
}
#head {
	width: 900px;
	height: 86px;
	text-align:left;
		margin: 0 auto; /* Firefox 向けセンタリング指定 */
}
#logo {
	float:left;
	width: 100px;
	height: 55px;
	margin:15px 0 0 0;
	text-align:left;

}
#menu {
	float:right;
	width: 700px;

	padding: 50px 0px 0px 0px;
	text-align:right;

}
/*----------------------------------------------------
 ページの先頭へ戻る
----------------------------------------------------*/
.pageTop {
	clear: both;
	padding: 30px 0 0 0;
	text-align:right;
}

/* -----------------------------------------------------------
	#footer | フッター　　　　　　new2010年5月から
----------------------------------------------------------- */

#footer {
    width: 100%;
	background: url(../img/fooder-bg.gif) center top repeat-x;
	clear:both;
}
#footer_in {
    width: 900px;
	height: 93px;
	margin: 0 auto;
}

#footer_box {
    float: right;
	width: 600px;
	color: #777777;
	padding-top: 45px;
    clear:both;
}    

#footer_box li{
    float: right;
}
#footer_box li a {
	color: #777777 !important;
	text-decoration: none !important;
	font-weight: normal;
	border-left: 1px solid #777777;
	padding: 0 10px;
	margin-bottom: 5px;

}
#footer_box li a:hover {
	text-decoration: underline !important;
	font-weight: normal;
} 
   
#copyright {
	color: #777777 !important;
    float: left;
	text-align: left;
	width: 300px;
	padding-top: 40px;
}
.line_right{border-right: 1px solid #777777;}

/*----- [footer]ふるいの -----*/
.footer {
	padding: 0;
	width: 100%;
	height: 80px;
	background-image: url(./img/so_header-bg.gif);
	text-align:center;
}

#f2{
	padding: 0;
	width: 100%;
	height: 28px;
	position: relative;
	margin: 0 auto;
	background-image: url(./img/f2.jpg);
	text-align:center;
}
#f3{
	padding: 0;
	width: 900px;
	height: 26px;
	position: relative;
	margin: 0 auto;
	text-align:right;
}
#t1{
	width:322px;
	height:82px;
	text-align:center;
	background-image: url(img/t.jpg);
	background-repeat: no-repeat;
	padding-top: 20px;
	}

.push {
	width: 100%;
	height: 40px;
	text-align:center;
	font-size: 12px;
	margin-top: 0px;
	padding-top: 0;
	}



#forms {
	width: 100%;
	margin: 0 auto; /* Firefox 向けセンタリング指定 */
}
/* -----------------------------------------------------------
	#footer | フッター　　　　2010年5月
----------------------------------------------------------- */

#footer {
    width: 100%;
	background: url(../img/fooder-bg.gif) center top repeat-x;
	clear:both;
}
#footer_in {
    width: 900px;
	height: 93px;
	margin: 0 auto;
}

#footer_box {
    float: right;
	width: 600px;
	color: #777777;
	padding-top: 45px;
    clear:both;
}    

#footer_box li{
    float: right;
}
#footer_box li a {
	color: #777777 !important;
	text-decoration: none !important;
	font-weight: normal;
	border-left: 1px solid #777777;
	padding: 0 10px;
	margin-bottom: 5px;

}
#footer_box li a:hover {
	text-decoration: underline !important;
	font-weight: normal;
} 
   
#copyright {
	color: #777777 !important;
    float: left;
	text-align: left;
	width: 300px;
	padding-top: 40px;
}
.line_right{border-right: 1px solid #777777;}

/*----- [top-contents] -----*/

#leftBlock-t {
	float:left;
	width :610px;
	height:570px;
	position: relative;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0 auto; /* Firefox 向けセンタリング指定 */

}

#rightBlock-t {
	float:left;
	width :290px;
	height:570px;
	padding-top: 10px;
	padding-left: 0px;
	position: relative;
	margin: 0px;
}
#leftBlock-f,#rightBlock-f {
	height: auto;
	width: 900px;
	padding-top: 30px;
	padding-left: 30px;
	margin-bottom: 30px;
}

.error {
	color: #FF0000;
}
.support{
	font-size:10px;
	line-height:20px;
	padding-top: 0px;
	text-align:right;
}



#s1{
	width:274px;
	height:122px;
	text-align:left;
	background-image: url(img/topi_07.gif);
	background-repeat: no-repeat;
	padding: 50px 0px 0px 10px;
	}
#s1-z{
	width:274px;
	height:142px;
	text-align:left;
	background-image: url(img/topi_07.gif);
	background-repeat: no-repeat;
	padding: 30px 0px 0px 10px;
	}	

	#ss1{
	width:264px;
	height:28px;
	text-align:right;

	}
	#ss2{
	width:264px;
	height:18px;
	text-align:right;

	}
		#ss3{
	width:264px;
	text-align:center;

	}
	
#s2{
	width:284px;
	height:98px;
	text-align:left;
	background-image: url(img/topi_12.gif);
	background-repeat: no-repeat;
	}
	#ss21{
	width:274px;
	height:48px;
	text-align:center;
	padding: 50px 0px 0px 10px;

	}
	
#s3{
	width:284px;
	height:295px;
	text-align:left;
	background-image: url(img/topi_16.gif);
	background-repeat: no-repeat;
	}
		#ss31{
	width:259px;
	height:228px;
	text-align:left;
	padding: 50px 0px 0px 15px;

	}
	
/*--------------------- [withUとは？] -----------------------*/

#tokuten{
   width:800px;
   margin: 0 auto;
}

#tokuten_Box{
   width:800px;
   background:url(img/about/about_bg.gif) repeat-y top;
   float:left;

}


#magazine{
   background:url(img/about/about_toku01.gif) no-repeat;
   height:204px;
   width: 236px;
   margin:10px 10px 0 20px;
   _margin:10px 10px 0 10px;/*for IE*/
      float:left;
}

#magazine p{
  padding:120px 10px 10px 10px ;
  text-align:left;
  line-height: 20px;
}

#kaiin{
   background:url(img/about/about_toku02.gif) no-repeat;
   height:204px;
   width: 236px;
   margin:10px 10px 0 0;
   float:left;
}
#kaiin p{
  padding:120px 10px 10px 10px ;
  text-align:left;
  line-height: 20px;
}


#present{
   background:url(img/about/about_toku03.gif) no-repeat;
   height:204px;
   width: 266px;
   margin:10px 0 0 0;
   float:left;
}
#present p{
  padding:120px 10px 10px 10px ;
  text-align:left;
  line-height: 19px;
}

#tokuten_inner{
   clear:both;
   background:url(img/about/about_bg_bottom.gif) no-repeat bottom;
   height: 10px;
}

#webmagazine{
   clear:both;
   margin: 0 auto;
   background:url(img/about/about_magazine.jpg) no-repeat;
   height: 289px;
   width: 800px;
}

#webmagazine h3{
  text-indent:-9999px;
}

.mar-t10{ margin-top:10px;}

#webmagazine table{
   float:left;/*for IE6*/
   margin: 50px 0 10px 20px;
   _margin: 50px 0 10px 10px;
  width:510px;
  text-align:left;
}

#webmagazine table th{
   width: 120px;
}

#webmagazine table td.imgw{
   width:15px;
}

#webmagazine p{
   clear: both;/*for IE6*/
   text-align:left;
   margin-left:20px;
   line-height: 20px;
}

#Point{
   width:800px;
   margin: 0 auto;
   text-align:left;
      background:url(img/about/about_bg.gif) repeat-y top;
}
#PointBox{
   width:800px;
}

#PointBox #pointBox_inner{
   width:740px;
   margin-left:25px;
}

#PointBox #pointBox_inner dt{
   width:191px;
   float:left;
}
#PointBox #pointBox_inner dd{
   margin-left:210px;
   background:url(img/about/about_arrow.gif) no-repeat 0.1em;
   padding-left:20px;
}

#PointBox #pointBox_inner span{
   font-weight:bold;
   color:#FF3399;
   font-size:15px;
 }
#PointBox #pointBox_inner .arrow_up{
   background:none;
   background:url(img/about/about_arrow.gif) no-repeat 0.1em 0.3em;
   padding-left:20px;
}
#point_inner{
   clear:both;
   background:url(img/about/about_bg_bottom.gif) no-repeat bottom;
   height: 10px;
}