@charset "utf-8";
/* CSS Document */

/* ウェブフォント使用する際は下記を書き換える
@import url(http://fonts.googleapis.com/css?family=Droid+Serif);
 */

html { height:100%; }
body { height:100%; margin:0px 0px 0px 0px; background:url(../common_img/allbg.png) repeat; font-size:12px; color:#333333; }

body, textarea { font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; }

/* 高さ自動調整 */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}


/* 回り込み解除 */
.cl_l { clear: left; }
.cl_r { clear: right; }
.cl_both { clear:both; }


/* hタグなどの指定 */
h1 { font-style:normal; font-size:10pt; font-weight:normal; margin:0px; }
h2 { font-style:normal; font-size:10pt; font-weight:normal; margin:0px; }
h3 { font-style:normal; font-size:10pt; font-weight:normal; margin:0px; }
h4 { font-style:normal; font-size:10pt; font-weight:normal; margin:0px; }
h5 { font-style:normal; font-size:10pt; font-weight:normal; margin:0px; }


/* ul,li,pタグの指定 */
ul,li {
	list-style:none;
}

p { margin:0; }


/* フォントの指定 */
.bold { font-weight:bold; }
.textgreen { color:#34AE42; }
.textgreen_b { color:#34AE42; font-weight:bold; }
.textorange { color:#F8B934; }
.textorange_b { color:#F8B934; font-weight:bold; }
.textred { color:#FF0000; }
.textred_b { color:#FF0000; font-weight:bold; }
.textpink { color:#FF00BA; }
.textpink_b { color:#FF00BA; font-weight:bold; }
.textpurple { color:#CC0199; }
.textpurple_b { color:#CC0199; font-weight:bold; }

.size6 { font-size:8px; }
.size8 { font-size:10px; }
.size10 { font-size:12px; }
.size12 { font-size:14px; }
.size14 { font-size:16px; }


/* 罫線など */
.dashed_line { border-bottom: 1px dotted #343434; margin:10px 0px 10px 0px; }
.solid_line_orenge { border-bottom: 1px solid #EA5532; margin:10px 0px 15px 0px; }
.solid_line_blue { border-bottom: 1px solid #32BCF8; margin:10px 0px 15px 0px; }
.solid_line_green { border-bottom: 1px solid #45B035; margin:10px 0px 15px 0px; }
.solid_line_gray01 { border-bottom: 1px solid #B2B2B2; margin:14px 0px 14px 0px; }
.solid_line_purple { border-bottom: 1px solid #BE0089; margin:10px 0px 0px 0px; }
.solid_line_purple01 { border-bottom: 1px solid #BE0089; margin:14px 0px 14px 0px; }


/* 画像のリンク */
a img { border-style:none; }


/* 画像の余白対策 */
img {
   vertical-align:bottom
}

/* ieに適用 */
img {
    width: inherit\9;
    max-width: 100%\9;
    height: auto\9;
}

/* hrの設定 */
hr.style-one {    border: 0;    height: 1px;    background: #999;    background-image: -webkit-linear-gradient(left, #ccc, #999, #ccc);    background-image:    -moz-linear-gradient(left, #ccc, #999, #ccc);    background-image:     -ms-linear-gradient(left, #ccc, #999, #ccc);    background-image:      -o-linear-gradient(left, #ccc, #999, #ccc);}


/* ページ全体のテキストリンク */
a:link { color:#857548; text-decoration:underline; }
a:visited { color:#857548; text-decoration:underline; }
a:active { color:#FF8804; text-decoration:underline; }
a:hover { color:#FF8804; text-decoration:underline; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
a:link { color:#FFFFFF; text-decoration:underline; }
a:visited { color:#FFFFFF; text-decoration:underline; }
a:active { color:#FFFFFF; text-decoration:underline; }
a:hover { color:#FFFFFF; text-decoration:underline; }
}


/* ローディング */
#loading {
 width: 100%;
 height: 100%;
 margin: 0;
 background: #fff;/*グルグルの背景を白に*/
 opacity: 1.0;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 3000; /*とりあえず一番前面に出るように*/
}
#loading img {
 position:absolute;
 top:50%;
 left:52%;
 width:30px;
 height:30px;
 margin-top:-30px;/*グルグルを真ん中にするために、画像の高さ分マイナスで*/
 margin-left:-30px;/*グルグルを真ん中にするために、画像の幅分マイナスで*/
}
@media screen and (min-width: 0px) and (max-width: 768px)  {
#loading {
 width: 100%;
 height: 100%;
 margin: 0;
 background: #fff;/*グルグルの背景を白に*/
 opacity: 1.0;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 9999; /*とりあえず一番前面に出るように*/
}
#loading img {
 position:absolute;
 top:50%;
 left:55%;
 width:40px;
 height:40px;
 margin-top:-40px;/*グルグルを真ん中にするために、画像の高さ分マイナスで*/
 margin-left:-40px;/*グルグルを真ん中にするために、画像の幅分マイナスで*/
}
}
/* //ローディング */


/* ヘッドメニュー */
header { width:100%; display:none; }

#headbox {
	position: absolute;
}

#mobile-header {
	display: block;
    }

#headlogo { width:auto; padding:0px 10px 0 10px; }
#headlogo img { display:block; width:auto; max-height:25px !important; padding:0 0 5px 0; }


#mobile-header {
    display: block;
    position: fixed;
    width: 100%;
	height:50px;
    top: 0;
    z-index: 2000;
	padding:0px 0 10px 0;
	background:#f2f2e2;
	margin:0;
  }

@media screen and (min-width: 0px) and (max-width: 767px)  {
header { width:100%; display:block; }

#mobile-header {
    display: block;
	height:45px;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 2000;
	padding:0 0 6px 0;
	background:#dcdccf;
	margin:0
  }
}

#mobile-header a { color:#FFFFFF; }
/* //ヘッドメニュー */


/* PCナビゲーション */
#navibox01 { width:955px; margin:0 auto; padding:10px 0 15px; position:relative; }
#navibox01 ul { width:955px; margin:0 auto; padding:5px 0 0 0; display:table; }
#navibox01 ul li { display:table-cell; padding:0; text-align:center; vertical-align:bottom; }
#navibox01 ul li img { width: auto; height: 30px; }
#navibox01 ul li.logo { display:table-cell; padding:0; text-align:center; vertical-align:bottom; }
#navibox01 ul li.logo img { width:194px; height: auto; }

#navibox01 a { display:block; }
#navibox01 a img { margin:5px 0 0 0; }

#headtel { position:absolute; z-index:200; right:0; padding-right:15px; }

/* アコーディオンがある場合のみ使用（pulldown.jsを使用する）
li.pull{ width:158px; height:49px; float: left; overflow: hidden; padding:0 0 0 0; background:url(../common_img/navi/navibg.png) repeat 0 0; }

li.pull .pulldown{ height:36px; display:block; line-height:32px; background:#432e24; color:#FFFFFF; font-size:12px; text-align:left; margin:-3px 0 0 0; }

.pulldown a:link { color:#FFFFFF; text-decoration:none; padding:0 10px; border-bottom:solid 1px #f2f2e2 !important; }
.pulldown a:visited { color:#FFFFFF; text-decoration:none; }
.pulldown a:active { color:#FF8804; text-decoration:none; }
.pulldown a:hover { color:#FF8804; text-decoration:none; background:#4d392f !important; }
 */
@media screen and (min-width: 0px) and (max-width: 768px)  {
#navibox01 { display:none; }
}
/* //PCナビゲーション */

/* ページトップ */
.pagetopbox01 { width:940px; margin:0 auto; padding:0 0 30px 0; }
.pagetopbox01:after { content: ""; clear: both; display: block; }
.pagetopbox01 img { width: 100%; height: auto; }
.pagetopbox02 { width:63px; float:right; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.pagetopbox01 { width:96%; margin:0 auto; padding:10px 0 10px 0; }
.pagetopbox01:after { content: ""; clear: both; display: block; }
.pagetopbox01 img { width: 100%; height: auto; }
.pagetopbox02 { width:10%; float:right; }
}