/* default */
@import "ban.css";
@import "font.css";

*{
	margin: 0px;
	padding: 0px;
}

h1,h2,h3,h4,h5,h6,p,ol,div,ul,li{
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
}

ol,li,ul{
    list-style:none;
}

hr {
	text-decoration: none;
	display: none;
}

a{
	outline : 0;
	color: #00B5E1;
}

a:hover{
	outline : 0;
	color: #FF6600;
	text-decoration: none;
}

p {
	line-height: 150%;
	color: #804002;
}


em {
	font-style: normal;
}

img {
    border: none;
}


body{
	font-size: 12px;
	text-align: center;
	background-color: #FFFFFF;
	background-image: none;
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	background-position: center top;
	margin:0px;
	padding:0px;
}


/*-----------------------------main---------------------------*/

#container {
	text-align: left;
	width: 100%;
	margin:0px;
	padding:0px;
}
#header {
	height: 108px;
	width: 100%;
	background-image: url(../img/header_bg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}


#header h1 {
	color: #824100;
	text-align: left !important;
	padding-top: 5px;
}
#header_area {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	height: 108px;
	background-image: url(../img/tel.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#logo_top a {
	background-image: url(../img/logo_top.gif);
	background-repeat: no-repeat;
	height: 89px;
	width: 300px;
	text-indent: -9999px;
	display: block;
}

#logo_top a:hover {
	position: relative;
	left: 1px;
	top: 1px;
}

#navi_area {
	background-image: url(../img/navi_bg.jpg);
	background-repeat: repeat-x;
	height: 56px;
	width: 100%;
}

#navi_area ul {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
}

#navi_area li {
	float: left;
}


/*-----------------------------menu---------------------------*/


.btn_2 a {
	background-image: url(../img/btn_2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 44px;
	width: 180px;
	display: block;
	text-decoration: none;
}
.btn_2 a:hover {
	background-image: url(../img/btn_2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-decoration: underline;
	color: #804002;
}
.btn_2 p {
	color: #804002;
	padding-top: 14px;
	padding-left: 18px;
}

.btn_3 a {
	background-image: url(../img/btn_2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 44px;
	width: 180px;
	display: block;
	text-decoration: none;
}
.btn_3 a:hover {
	background-image: url(../img/btn_2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-decoration: underline;
	color: #00B5E1;
}
.btn_3 p {
	color: #00B5E1;
	padding-top: 14px;
	padding-left: 18px;
}
.btn_3 .hoge {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 14px;
	font-weight: bold;
}

.btn_4 a {
	background-image: url(../img/btn_3.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 44px;
	width: 180px;
	display: block;
	text-decoration: none;
}
.btn_4 a:hover {
	background-image: url(../img/btn_3.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-decoration: underline;
	color: #00B5E1;
}
.btn_4 p {
	color: #00B5E1;
	padding-top: 14px;
	padding-left: 31px;
}



.btn_5 a {
	background-image: url(../img/btn_4.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 44px;
	width: 180px;
	display: block;
	text-decoration: none;
}
.btn_5 a:hover {
	background-image: url(../img/btn_4.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-decoration: underline;
	color: #00B5E1;
}
.btn_5 p {
	color: #00B5E1;
	padding-top: 7px;
	padding-left: 31px;
	line-height: 130%;
}

.btn_6 a {
	background-image: url(../img/btn_5.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 46px;
	width: 180px;
	display: block;
	text-decoration: none;
}
.btn_6 a:hover {
	background-image: url(../img/btn_5.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-decoration: underline;
	color: #00B5E1;
}
.btn_6 p {
	color: #00B5E1;
	padding-top: 14px;
	padding-left: 18px;
}

.btn_6 .hoge {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 14px;
	font-weight: bold;
}

.btn_7 a {
	background-image: url(../img/btn_5.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 46px;
	width: 180px;
	display: block;
	text-decoration: none;
}
.btn_7 a:hover {
	background-image: url(../img/btn_5.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-decoration: underline;
	color: #804002;
}
.btn_7 p {
	color: #804002;
	padding-top: 14px;
	padding-left: 18px;
}

.btn_8 a {
	background-image: url(../img/btn_3.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 44px;
	width: 180px;
	display: block;
	text-decoration: none;
}
.btn_8 a:hover {
	background-image: url(../img/btn_3.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-decoration: underline;
	color: #804002;
}
.btn_8 p {
	color: #804002;
	padding-top: 14px;
	padding-left: 31px;
}

.btn_8 .hoge {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 14px;
	font-weight: bold;
}

.btn_9 a {
	background-image: url(../img/btn_4.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 44px;
	width: 180px;
	display: block;
	text-decoration: none;
}
.btn_9 a:hover {
	background-image: url(../img/btn_4.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-decoration: underline;
	color: #804002;
}
.btn_9 p {
	color: #804002;
	padding-top: 7px;
	padding-left: 31px;
	line-height: 130%;
}



.btn_10 a {
	background-image: url(../img/btn_6.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 44px;
	width: 180px;
	display: block;
	text-decoration: none;
}
.btn_10 a:hover {
	background-image: url(../img/btn_6.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-decoration: underline;
	color: #00B5E1;
}
.btn_10 p {
	color: #00B5E1;
	padding-top: 14px;
	padding-left: 18px;
}

.btn_11 a {
	background-image: url(../img/btn_6.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 44px;
	width: 180px;
	display: block;
	text-decoration: none;
}
.btn_11 a:hover {
	background-image: url(../img/btn_6.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-decoration: underline;
	color: #804002;
}
.btn_11 p {
	color: #804002;
	padding-top: 14px;
	padding-left: 18px;
}


.btn_12 a {
	background-image: url(../img/btn_7.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 46px;
	width: 180px;
	display: block;
	text-decoration: none;
}
.btn_12 a:hover {
	background-image: url(../img/btn_7.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-decoration: underline;
	color: #00B5E1;
}
.btn_12 p {
	color: #00B5E1;
	padding-top: 14px;
	padding-left: 31px;
}




/*-----------------------------////menu---------------------------*/


#pan {
	height: 13px;
	color: #804002;
	letter-spacing: 0.05em;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
}
#pan a {
	text-decoration: none;
}
#pan strong a {
	color: #804002;
	font-weight: normal;
	text-decoration: none;
}


#main_area {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
}
#right_main_area {
	float: right;
	width: 230px;
	margin-top: 20px;
}
#right_main_area .btn_taiken {

}

#right_navi {
	background-image: url(../img/sub_navi_bg.gif);
	background-repeat: repeat-y;
	width: 230px;
	margin-top: 15px;
}

#right_navi .top {
	background-image: url(../img/sub_navi_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 10px;
	width: 230px;
}

#right_navi .bottom {
	background-image: url(../img/sub_navi_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 10px;
	width: 230px;
}
#right_navi #sub_navi {
	width: 223px;
	margin-right: auto;
	margin-left: auto;
}

#right_main_area #sub_navi li {
	margin-top: 3px;
}
#right_main_area #tsuyomi_area {
	height: 373px;
	width: 230px;
	margin-top: 15px;
	background-image: url(../img/tsuyomi_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#right_main_area #tsuyomi_area ul {
	margin-left: 20px;
}

#right_main_area #tsuyomi_area li {
	margin-top: 8px;
}



#left_main_area {
	width: 690px;
	float: left;
}
#main_area_2 {
	width: 690px;
	margin-top: 10px;
}

#left_sub_area {
	float: left;
	width: 180px;
}
#right_sub_area {
	float: right;
	width: 490px;
}


#pageback a {
	background-image: url(../img/pageback.gif);
	height: 47px;
	width: 240px;
	text-indent: -9999px;
	display: block;
	margin-top: 40px;
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}

#pageback a:hover{
	background-image: url(../img/pageback.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}


/* pagetop */

.pageTop {
	margin: 0px auto;
	width: 940px;
	position: relative;
}

.pageTop p  {
	position: absolute;
	width: 110px;
	height: 22px;
	margin: 0px;
	padding: 0px;
	top:-22px;
	left:847px;
	display:block;
}

.pageTop p a {
	width: 110px;
	height: 22px;
	display:block;
	background-image: url(../img/page_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
	text-indent:-9999px;
	margin: 0px;
	padding: 0px;
}

.pageTop p a:hover {
	background-image: url(../img/page_top.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#footer {
	background-image: url(../img/footer_bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-top: 30px;
	clear: both;
}

#footer .footerInner {
	margin: 0px auto;
	width: 1000px;
	padding: 15px 0px;
	clear: both;
}

#footer .footerInner p {
	color:#FFFFFF;
	font-size: 10px;
	line-height:1.5;
}

#footer a {
    color: #FFFFFF;
    text-decoration: none;
}

#footer a:hover {
    text-decoration: underline !important;
    color: #FFFFFF;
	background-color:none !important;
}

#footer .footerInner .colL {
	float: left;
	width: 380px;
}

#footer .footerInner .colR {
	float: right;
	width: 620px;
	text-align: right;
}


#copy {
	color: #753A00;
	line-height: 150%;
	padding-top: 80px;
	float: right;
	margin-right: 140px;
}
#copy a {
    color: #753A00;
}
#copy a:hover {
	color: #FF6600;
	text-decoration: none;
}

#copy p {
    letter-spacing: 0px;
}


/*-----------------------------////main---------------------------*/

.taiken_2 a {
	text-indent: -9999px;
	display: block;
	background-image: url(../../shared/img/taiken.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 48px;
	width: 280px;
	margin-top: 20px;
	margin-right: 10px;
	float: right;
}

.taiken_2 a:hover {
	background-repeat: no-repeat;
	background-position: left bottom;
}

/*-----------------------------margin--------------------------*/
.mt3 {
	margin-top: 3px;
}

.mt5 {
	margin-top: 5px;
}

.mt10 {
	margin-top: 10px;
}

.mt15 {
	margin-top: 15px;
}

.mt20 {
	margin-top: 20px;
}

.mt25 {
	margin-top: 25px;
}

.mt30 {
	margin-top: 30px;
}

.mt40 {
	margin-top: 40px;
}

.mt50 {
	margin-top: 50px;
}

.mt60 {
	margin-top: 60px;
}

.mt70 {
	margin-top: 70px;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

 /* float */

.bothC {
    clear: both !important;
}

.alignR {
    text-align: right !important;
}

.alignL {
    text-align: left !important;
}

.alignC {
    text-align: center !important;
}

.colL {
    float: left;
    text-align: left;
}

.colR {
    float: right;
    text-align: left;
}

 /* margin */

.mA0 {
    margin: 0 !important;
}

.mT0 {
    margin-top: 0 !important;
}

.mT5 {
    margin-top: 5px !important;
}

.mT10 {
    margin-top: 10px !important;
}

.mT15 {
    margin-top: 15px !important;
}

.mT20 {
    margin-top: 20px !important;
}

.mT25 {
    margin-top: 25px !important;
}

.mT30 {
    margin-top: 30px !important;
}

.mT35 {
    margin-top: 35px !important;
}

.mT40 {
    margin-top: 40px !important;
}

.mT45 {
    margin-top: 45px !important;
}

.mT50 {
    margin-top: 50px !important;
}

.mT55 {
    margin-top: 55px !important;
}

.mT60 {
    margin-top: 60px !important;
}

.mR0 {
    margin-right: 0 !important;
}

.mR5 {
    margin-right: 5px !important;
}

.mR10 {
    margin-right: 10px !important;
}

.mR15 {
    margin-right: 15px !important;
}

.mR20 {
    margin-right: 20px !important;
}

.mR25 {
    margin-right: 25px !important;
}

.mR30 {
    margin-right: 30px !important;
}

.mR35 {
    margin-right: 35px !important;
}

.mR40 {
    margin-right: 40px !important;
}

.mR45 {
    margin-right: 45px !important;
}

.mR50 {
    margin-right: 50px !important;
}

.mB5 {
    margin-bottom: 5px !important;
}

.mB10 {
    margin-bottom: 10px !important;
}

.mB15 {
    margin-bottom: 15px !important;
}

.mB20 {
    margin-bottom: 20px !important;
}

.mB25 {
    margin-bottom: 25px !important;
}

.mB30 {
    margin-bottom: 30px !important;
}

.mB35 {
    margin-bottom: 35px !important;
}

.mB40 {
    margin-bottom: 40px !important;
}

.mB45 {
    margin-bottom: 45px !important;
}

.mB50 {
    margin-bottom: 50px !important;
}

.mB90 {
    margin-bottom: 90px !important;
}

.mL0 {
    margin-left: 0 !important;
}

.mL5 {
    margin-left: 5px !important;
}

.mL10 {
    margin-left: 10px !important;
}

.mL15 {
    margin-left: 15px !important;
}

.mL20 {
    margin-left: 20px !important;
}

.mL25 {
    margin-left: 25px !important;
}

.mL30 {
    margin-left: 30px !important;
}

.mL35 {
    margin-left: 35px !important;
}

.mL40 {
    margin-left: 40px !important;
}

.mL45 {
    margin-left: 45px !important;
}

.mL50 {
    margin-left: 50px !important;
}

.mL95 {
    margin-left: 95px !important;
}

/*-----------------------------//margin--------------------------*/



/*-----------------------------clerfix---------------------------*/



.clearfix:after{
   content:".";
   display:block;
   height:0;
   visibility:hidden;
   clear:both;
}

.clearfix{
   display:inline-block;
   min-height:1%;  /* for IE 7 and MacIE5.5*/
   position:relative;/*for preview*/
}

/* Hides from IE-mac \*/
*html .clearfix{height: 1%;}
.clearfix{display: block;}
/* for ie5,6*/

.clearbox {
    clear:both;
    margin:0px;
    padding:0px;
    line-height:0px;
    font-size:0px;
    height:0px;
}



/*-----------------------------pngfix---------------------------*/
* html #logo a,#tel p {
behavior: expression(IEPNGFIX.fix(this));
}