@charset "utf-8";



/*
　　	body
	     │
	     ├#header_top
	     │
	     ├#wrap
	     │  └#continer
	     │      ├#header
	     │      ├#side
	     │      └#main
	     │
	     └#footer

*/
#continer {
	padding-bottom: 104px;
}  /* must be same height as the footer */

html, body, #wrap {height: 100%;}

body {
	margin: 0;
	padding: 0;
	background-color: #245128;
	color:#333;
	font-family: Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.5;
	background-image: url(../../images/common/body_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	font-size: 12px;
	font-weight: normal;
}

/*   header_top   */
#header_top {
	height: 14px;
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 10px;
}

#header_top h1 {
	font-size: 0.9em;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
#main h4 {
	height: 20px;
	width: 450px;
	padding-left: 10px;
	background-color: #E2EDE4;
	margin-left: 40px;
}



/*   wrap   */
body > #wrap {
	height: auto;
	min-height: 100%;
}

#wrap {
	width: 768px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../../images/common/wrap._bg.png);
	behavior: expression(IEPNGFIX.fix(this));
	background-position: center top;
}
/*   continer   */
#continer {
	padding-bottom: 104px;
}  /* must be same height as the footer */



/*   header   */
#header {
	height: 100px;
	width: 760px;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#header h2 {
	margin-left: 10px;
	float: left;
	height: 64px;
	width: 334px;
	margin-top: 18px;
}

#head_navi {
	text-align: right;
	height: 20px;
	padding-right: 8px;
}



/*   side   */
#side {
	width: 220px;
	background-image: url(../../images/common/side_bg.jpg);
	float: left;
	min-height:100px;
	background-repeat: no-repeat;
	margin-left: 4px;
	_margin-left: 2px;
}

#topics {
	height: 291px;
	width: 211px;
	background-image: url(../../images/common/topix.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: right;
	padding-top: 35px;
	padding-left: 5px;
	behavior: expression(IEPNGFIX.fix(this));
}


#side_box {
	width: 190px;
	margin-left: 10px;
}

.side_banner_tx {
	font-size: 0.8em;
}

#soga_box {
	background-image: url(../../images/common/soga_box.jpg);
	background-repeat: no-repeat;
	height: 170px;
	width: 162px;
	padding-top: 52px;
	padding-right: 14px;
	padding-left: 14px;
	font-size: 1em;
	line-height: 1.4em;
}

#qr_box {
	background-image: url(../../images/common/qr_bg.jpg);
	background-repeat: no-repeat;
	height: 80px;
	width: 176px;
	font-size: 0.9em;
	line-height: 1.2em;
	padding: 7px;
	color: #FFFFFF;
	vertical-align: bottom;
}


/*   main   */
#main {
	background-image: url(../../images/common/main_bg.jpg);
	background-repeat: no-repeat;
	width: 540px;
	float: right;
	background-position: left top;
	margin-right: 4px;
	_margin-right: 2px;
}


#main h3 {
	background-image: url(../../images/common/h3_title.jpg);
	background-position: left top;
	height: 22px;
	width: 495px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-repeat: no-repeat;
	clear: both;
}

.main_box {
	width: 515px;
	padding-left: 10px;
	padding-right: 10px;
}


.main_box_s {
	width: 450px;
	padding-left: 10px;
	padding-right: 10px;
}



/*   footer   */
#footer {
	position: relative;
	margin-top: -104px; /* negative value of footer height */
	height: 104px;
	clear:both;
	background-color: #333333;
	width: 760px;
	margin-right: auto;
	margin-left: auto;
}

#footer1 {
	background-image: url(../../images/common/footer1_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	height: 70px;
	color: #FFFFFF;
	padding-top: 12px;
	line-height: 1.3em;
}

#footer2 {
	font-size: 0.9em;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#footer #footer1 .footer1_menu a {
	color: #FFFFFF;
}



 
/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}




/*margin*/
.ml_05 {
 margin-left:05px;
 } 
 
.ml_10 {
 margin-left:10px;
 }
 
.ml_15 {
 margin-left:15px;
 }
 
.ml_20 {
 margin-left:20px;
 }
  
.ml_25 {
 margin-left:25px;
 }
 
.ml_30 {
 margin-left:30px;
 }
  
.ml_35 {
 margin-left:35px;
 }
 
.ml_40 {
 margin-left:40px;
 }
  
.ml_45 {
 margin-left:45px;
 }
 
.ml_50 {
 margin-left:50px;
 }  
 
.ml_55 {
 margin-left:55px;
 }
 
.ml_60 {
 margin-left:60px;
 }
 
.ml_65 {
 margin-left:65px;
 }
 
.ml_70 {
 margin-left:70px;
 }
 
.ml_75 {
 margin-left:75px;
 }
 
.ml_90 {
 margin-left:90px;
 }
 

.mb_05 {
 margin-bottom:5px;
 }
 
.mb_10 {
 margin-bottom:10px;
 }
 
.mb_15 {
 margin-bottom:15px;
 }
 
.mb_20 {
 margin-bottom:20px;
 }
  
.mb_25 {
 margin-bottom:25px;
 }
 
.mb_30 {
 margin-bottom:30px;
 }
  
.mb_35 {
 margin-bottom:35px;
 }
 
.mb_40 {
 margin-bottom:40px;
 }
 
.mb_45 {
 margin-bottom:45px;
 }
 
.mr_05 {
 margin-right:05px;
 }
 
.mr_10 {
 margin-right:10px;
 }
 
.mr_15 {
 margin-right:15px;
 }
 
.mr_30 {
 margin-right:30px;
 }
 
.mt_05 {
 margin-top:05px;
 }
 
.mt_10 {
 margin-top:10px;
 }
 
.mt_15 {
 margin-top:15px;
 }
 
.mt_20 {
 margin-top:20px;
 }
 
.mt_30 {
 margin-top:30px;
 }
 
.mt_40 {
 margin-top:40px;
 }
 
.mt_50 {
 margin-top:50px;
 }

.lh_120 {
	line-height: 1.2em;
}

/*float*/
.fi_left {
	float: left;
}

.fi_right {
	float: right;
}

h1,h2,h3,h4,h5,h6 { font-size:1em; }
p,li,dt,dl { line-height:1.4; }
p { margin:0 0 1em 0; }
ul li { list-style-type:none; }

a img { border:0; }

a:link {
   color:#FF6600;
   text-decoration:none;
}
a:visited {
   color:#FF3300;
   text-decoration:none;
}
a:hover {
   text-decoration:underline;
}
a:active {
   color:#666;
}


.pagetop {
	margin-top: 15px;
	margin-bottom: 45px;
}

.pagetop a:link {
	color:#00CCCC;
	text-decoration:none;
	padding-bottom: 45px;
}
.pagetop a:visited {
   color:#00CCFF;
   text-decoration:none;
}
blockquote{
   margin-left:1em;
   padding-left:1em;
   border-left:2px solid #CCC;
   color:#CCC;
}
pre{
   width:100%;
   padding:1em 0;
   overflow:auto;
   border-top:1px dotted #333;
   border-bottom:1px dotted #333;
}

img {
	vertical-align: bottom;
	border: none;
}

.style1 {
	color: #FF6600;
}
.style2 {
	color: #000099;
}
.style3 {
	color: #2D885A;
}
.style4 {
	color: #CC3300;
}
.style5 {
	color: #FF3333;
	margin:0px;

}
.style6 {
	color: #009933
}
.style8 {
	color: #006633
}

.big130 {
	font-size: 1.3em;
}
.mrgBt10 {
	margin-bottom: 10px;
}

.tl_center {text-align:center;}
.tl_left {text-align:left;}
.tl_right {text-align:right;}

.link_table a {
	color: #CC0000;
   text-decoration:none;
}
.link_table th {
	text-align: left;
	height: 25px;
}

.link_tablea:visited {	color: #CC0000;
   text-decoration:none;
}

.bg_gray {
	background-color: #D7C8C1;
	padding: 10px;
	height: 100px;
	width: 180px;
}
.wish_table {
	width: 100%;
	line-height: 1.3em;
	border-collapse: collapse;
	border: 0;
}
.wish_staff_table th {
	color: #FF6666;
}

.wish_staff_table {
	width: 400px;
	padding: 5px;
	text-align: center;
}