@charset "UTF-8";

/*@import url("");*/

@import url("reset.css");
@import url("fonts.css");

/* samuraiworks 111111 add */

html {
    overflow-y:scroll;
    }
.a_fl_R { float: right;}
.a_fl_L { float: left;}
.a_Tcenter { text-align: center;}
.a_TRight { text-align: right;}
.a_TLeft { text-align: left;}
.a_hidden { display: none;}
.a_opace0 { opacity: 0;}
.a_prelative { position: relative;}
.a_mar00auto { margin: 0px auto;}

body {
	color:#000000	/*overflow: hidden;*/
}
body.bg {
	background-image: url(../images/back.gif);
	background-repeat: repeat;
}

/*ブロック要素にリンク追加*/
.linkbox,  .linkbox2{
	cursor: pointer;
	}
.aa_baselink {
	display: none;
}
/* ------------------------------------------------------------
  Clearfix
------------------------------------------------------------ */
/* new clearfix */
.clf:before,
.clf:after {
    content: "";
    display: table;
}
.clf:after {clear: both;}
/* For IE 6/7 (hasL) */
.clf {zoom: 1;}
/* DW clearfix表示 */
.clf {overflow: hidden;}
/**/
/* ------------------------------------------------------------
	99. Clearfix
------------------------------------------------------------ */
.clear {clear: both; line-height: 0;}
/*-----------------------------------------------------------
 フォントサイズの指定はYUI Fontsに基づき
 下記テーブルで指定します
 |px|%|
 |10|77|
 |11|85|
 |12|93|
 |13|100|
 |14|108|
 |15|116|
 |16|123.1|
 |17|131|
 |18|138.5|
 |19|146.5|
 |20|153.9|
 |21|161.6|
 |22|167|
 |23|174|
 |24|182|
 |25|189|
 |26|197|
 ex) 12px
 element {font-size: 93%;}
 ------------------------------------------------------------*/
.ft10 { font-size: 77%;}
.ft11 { font-size: 85%;}
.ft12 { font-size: 93%;}
.ft13 { font-size: 100%;}
.ft14 { font-size: 108%;}
.ft15 { font-size: 116%;}
.ft16 { font-size: 123.1%;}
.ft17 { font-size: 131%;}
.ft18 { font-size: 138.5%;}
.ft19 { font-size: 146.5%;}
.ft20 { font-size: 153.9%;}
.ft21 { font-size: 161.6%;}
.ft22 { font-size: 167%;}
.ft23 { font-size: 174%;}
.ft24 { font-size: 182%;}
.ft25 { font-size: 189%;}
.ft26 { font-size: 197%;}

/* padding系-----------------------*/

.b_LH1 { line-height: 1.1em;}

.b_LH2 { line-height: 1.3em;}

.b_LH3 { line-height: 1.8em;}

.b_pad20 { padding: 20px;}

.b_pad15 { padding: 15px;}

.b_pad10 { padding: 10px;}

.b_pad5 { padding: 5px;}

.b_padB5 { padding: 0px 0px 5px 0px;}

.b_padT5 { padding-top: 5px;}

.b_padLT5 { padding: 5px 0px 0px 5px;}

.b_padT10 { padding-top: 10px;}

.b_padTB5 { padding: 5px 0px;}

.b_padTB10 { padding: 10px 0px 10px 0px;}

.b_padTB50 { padding: 50px 0px 50px 0px;}

.b_padTB30 { padding: 30px 0px 30px 0px;}

.b_padL20 { padding: 0px 0px 0px 20px;}

.b_padR5 { padding-right: 5px;}

.b_padL5 { padding-left: 5px;}

.b_padLR5 { padding-right: 5px; padding-left: 5px;}

.b_padLR10 { padding-right: 10px; padding-left: 10px;}

.b_padL30 { padding-left: 30px;}

.b_padLR15 { padding-right: 15px; padding-left: 15px;}

.b_mar5 { margin: 5px;}

.b_marLR15 { margin: 0px 15px 0px 15px;}

.b_marf5 { margin: 0px 0px 5px 0px;}

.b_marf10 { margin: 0px 0px 10px 0px;}

.b_marf30 { margin: 0px 0px 30px 0px;}

.b_marf20 { margin: 0px 0px 20px 0px;}

.b_marf10 { margin: 0px 0px 10px 0px;}

.b_marfR10 { margin: 0px 10px 10px 0px;}

.b_marR10 { margin: 0px 10px 0px 0px;}

.b_marh35 { margin: 35px 0px 0px 0px;}

.b_marh35f20 { margin: 35px 0px 20px 0px;}

.b_marh10f20 { margin: 10px 0px 20px 0px;}

.b_marh20f10 { margin: 20px 0px 10px 0px;}

.b_marh10f10 { margin: 10px 0px 10px 0px;}

.b_marh10 { margin: 10px 0px 0px 0px;}

.b_ind1em {
	margin-left: 1em;
}

/*絶対*/

.ansTxt {
    color: #fff;
    text-shadow: 1px 1px 1px #666;
    position: absolute;
    left: 65px;
    top: 25px;
    float: left;
    width: 250px;
    height: 45px;
    z-index: 333;
}

/*text colour*/
.px_fff {
    color: #fff;
    text-shadow: 1px 1px 1px #666;
}
.px_fff_shadcha {
    color: #fff;
    text-shadow: 1px 1px 1px #766142;
}
.px_uspink {
	color: #906;
	text-shadow: 1px 1px 1px #fff;
}
.px_aomid {
    color: #099;
    text-shadow: 1px 1px 1px #fff;
}
.px_mizu {
    color: #76C3AB;
    text-shadow: 1px 1px 1px #fff;
}
.px_666 {
    color: #666;
    text-shadow: 1px 1px 1px #fff;
}
.px_000 {
    color: #000;
    text-shadow: 1px 1px 1px #766142;
}
.px_org {
    color: #E53826;
    text-shadow: 1px 1px 1px #fff;
}
.px_pink {
    color: #930;
    text-shadow: 1px 1px 1px #fff;
}
.px_cha {
    color: #630;
    text-shadow: 1px 1px 1px #e7e7e7;
}
.px_bold {
    font-weight: bold;


}
.px_ore {
	color: #ea5810;
}
.gl_title {
	font-weight: bold;
}
.px_orenge12 {
	color: #ea5810;
	font-size: 12px;
}
.px_b12 {
	font-size: 12px;
}
.px_orenge16 {
	color: #ea5810;
	font-size: 16px;
	font-weight: bold;
}
.px_no16 {
	font-size: 16px;
}

/* ------------------------------------------------------------
pagenation
------------------------------------------------------------ */

#page {
	margin: 0px auto;
	width: 950px;
	background-color: #FFFFFF;
}

#head_mid{
	background-image: url(img/head.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 145px;
	width: 950px;
}
#head_mid2{
	background-image: url(img/h_mid2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 300px;
	width: 920px;
}


.main {
    width: 730px;
	margin: 0px 20px 0px 0px;
	display: inline;
}
.side {
    width: 170px;
	margin: 0px 10px 0px 20px;
	display: inline;
}

.mid01{
	width: 730px;
	height: 438px;
	background-image: url(img/top_image.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px 0px 20px 0px;
}
.mid02{width: 580px;height: 193px;	background-image: url(img/mid02.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.mid03{width: 580px;height: 72px;	background-image: url(img/mid03.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;}
.mid04{
	width: 580px;
	height: 125px;
	background-image: url(img/mid04.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.f_btn00 {
    position: absolute;
    z-index: 10;
	height: 87px;
	width: 242px;
}
.f_btn00a {
    position: absolute;
	height: 87px;
	width: 242px;
}
.f_btn01,.f_btn01a { left: 0;top: 0px;}
.f_btn02,.f_btn02a { left: 0;top: 87px;}
.f_btn03,.f_btn03a { left: 0;top: 174px;}
.f_btn04,.f_btn04a { left: 0;top: 261px;}
.f_btn05,.f_btn05a { left: 0;top: 348px;}

#foot{
	margin: 20px 0 0 0;
	background-image: url(img/foot.jpg);
	background-repeat: repeat-x;
	height: 300px;
	}
	
h2.ti{
	margin: 0px 0 0px 0;
	background-image: url(img/foot.jpg);
	background-repeat: repeat-x;
	background-position: 0 -31px;
	height: 27px;
    padding: 9px 0 0 11px;
	display: block;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-o-border-radius: 6px;
-ms-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;

	box-shadow:0 0 8px #A09F80;
    	-moz-box-shadow:0 0 8px #A09F80d;
        	-webkit-box-shadow:0 0 11px #A09F80;
	}
	
h3{
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #C96;
	margin: 10px 0px 10px 0px;
	display: block;
}
h3.tih3{
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #963;
    margin: 10px 0px 10px 0px;
	display: block;
}
h3.notborder{
	border-bottom-width: 0px;
    margin: 10px 0px 10px 0px;
	display: block;
}
.topbk {
	width: 560px;
	height: 190px;
    margin: 20px 0px 10px 20px;
	  }
	  
.tbb01{
	border: 1px solid #CCC;
}
.top-moji {
	width: 660px;
	padding: 0px 35px 0px 35px;
	color: #ea5810;
	font-family: "Hiragino Maru Gothic Pro", verdana, arial, sans-serif;
	background-color: #ffe3d7;
	font-size: 17px;
	line-height: 180%;
}
.moji-head {
	width: 730px;
	height: 35px;
}
.moji-c {
	text-align: right;
	color: #999999;
	font-size: 85%;
}
.pan {
	color: #999999;
	font-size: 85%;
}
.yurai {
	width: 565px;
}
.kigu_waku {
	width: 176px;
}
.sejyutu_waku01 {
	width: 219px;
}
.sejyutu_waku02 {
	width: 160px;
	
	
}
.ito-p {
	width: 165px;
	height: 178px;
    margin: 35px 0px 0px 0px;
}
.ab-table	{
	border-collapse: collapse;	border-spacing: 0;
	width: 100%;
	margin-bottom: 0px;
}
.ab-table tr	{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;

}
.ab-table th	{
	font-weight: bold;
	color: #ea5810;
	padding:5px 0px 5px 0px;
	text-align: left;
}
.ab-table td	{
	padding:5px 0px 5px 10px;
}
.sy-table	{
	border-collapse: collapse;	border-spacing: 1px;
	margin-bottom: 0px;
}
.sy-table tr	{
	border: 1px solid #999999;
}
.sy-table th	{
	padding:5px 10px 5px 10px;
	text-align: left;
	background-color: #CCCCCC;
	font-weight: normal;
	border: 1px solid #999999;
}
.sy-table td	{
	padding:5px 10px 5px 10px;
	border: 1px solid #999999;