@charset "utf-8";

/*
*   common base
* 
*****************************/
*{
  padding:0px;
  margin:0px;
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3","MS UI Gothic";
}
h1,h2,h3,h4,h5,h6{
  font-size:120%;
}
ul,ol,li{
  list-style:none;
  padding:0px;
  margin:0px;
}
img{
  border:none;
		border-width: 0px;
}
p{
  line-height:140%;
}
a:link , a:visited{
  color: #ffffff;
}
a:hover , a:active{
  color: #ffffff;
  text-decoration:none;
}
a img , a:link img , a:visited img{
  border:none;
		border-width:0px;
  text-decoration:none;
}
em{
  height:20px;
  font-size:95%;
		font-weight:bold;
		font-style:normal;
		background-image:url(../images/contents/contents_title_point.jpg);
		background-position:left;
		background-repeat:no-repeat;
		padding:8px 0px 5px 30px;
		margin:5px 0px 5px 0px;
		line-height:20px;
		vertical-align:middle;
		clear:both;
		text-align:left;
		display:block;
}
iframe{
  border:none 0px #fff;
}
body{
	width:100%;
	height:100%;
	text-align: center;
	margin : 0px;
	background-image:url(../images/body_back.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#000000;
	color:#FFFFFF;
	font-size:small;
	position:static;
	 -webkit-text-size-adjust: 100%;
}
.f_90{ font-size:90%;}
/*
*   whole
* 
*****************************/
#wrap{
  width: 920px;
  margin-right: auto;
  margin-left: auto;
  height: auto;
  text-align: left;
}
/*
*   footer
* 
*****************************/
#footer{
	width:910px;
	margin:25px 5px 10x 15px;
	padding-bottom:10px;
	padding-top:15px;
	clear:both;
}
#footer_logo{
	width:230px;
	height:25px;
	float:left;
}
#footer_address{
	width:670px;
	height:25px;
	margin:0px 0px 0px 10px;
	float:left;
}
#footer_address p{
	line-height:25px;
	vertical-align:middle;
	color:#d1bca0;
}
.footer_caution{
	border-top:#C3D825 2px solid;
	padding-top:8px;
	padding-bottom:8px;
}
#footer_left{
	width:500px;
	float:left;
}
#footer_right{
	width:410px;
	float:right;
}
#footer_right ul{
	width:410px;
	list-style:none;
}
#footer_right ul li{
	float:left;
	display:inline;
	margin:0px 0px 0px 10px;
	padding:0px;
}
#footer_right ul li p{
	margin:0px;
	padding:0px;
}
/*
*   top_scroll
* 
*****************************/
#top_scroll{
		position:fixed;
		overflow:visible;
		top:300px;
		right:0px;
  z-index: 20;
		text-align:right;
}
* html div#top_scroll{      
  position: absolute;      
  top: expression(eval(document.documentElement.scrollTop+75));      
}  
#top_scroll img{
  width:35px;
  height:120px;
}
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

*html .clearfix {
  /zoom: 1;
  height:auto;
  overflow:auto;
}
/*
======= 調整用 =======
*/

/* 補助 */
.mt_0{margin-top:0;}
.mt_5{margin-top:5px;}
.mt_6{margin-top:6px;}
.mt_8{margin-top:8px;}
.mt_10{margin-top:10px;}
.mt_15{margin-top:15px;}
.mt_20{margin-top:20px;}
.mt_25{margin-top:20px;}
.ml_0{margin-left:0px;}
.ml_5{margin-left:5px;}
.ml_8{margin-left:8px;}
.ml_10{margin-left:10px;}
.ml_13{margin-left:13px;}
.ml_15{margin-left:15px;}
.ml_20{margin-left:20px;}
.ml_30{margin-left:30px;}
.mr_5{margin-right:5px;}
.mr_10{margin-right:10px;}
.mr_15{margin-right:15px;}
.mb_0{margin-bottom:0px;}
.mb_5{margin-bottom:5px;}
.mb_8{margin-bottom:8px;}
.mb_10{margin-bottom:10px;}
.mb_15{margin-bottom:15px;}
.mb_20{margin-bottom:20px;}
.pt_10{padding-top:10px;}
.pb_5{padding-bottom:5px;}
.pb_10{padding-bottom:10px;}
.pl_5{padding-left:5px;}
.pl_10{padding-left:10px;}
.p_10{padding:10px;}