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

/*===================================================================
//  基　本　設　定
//=================================================================*/
*{padding: 0;	margin: 0;}
body{
	margin: 0;
	padding: 0;
	color: #000;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 80%;
	line-height: 1.6em;
	text-align: center;
	border: none;
}
td{
	font-size: 13px;
	line-height: 1.6em;
	text-align: left;
	vertical-align: top;
}

h1,h2,h3,h4,h5,p,ul,li {margin:0px; padding:0px; font-weight:normal; font-size: 100%;}
ul,li     {list-style-type: none;}
img       {border:none;}

::selection { background-color: #99b885;}
::-moz-selection { background-color: #99b885; /* Firefox */ }

a:link, a:visited{ color: #000;}
a:hover   { color:#690; text-decoration:underline;}
a:active  { color: #F90;}
a:hover .hovimg{ opacity:0.7; filter: alpha( opacity=70 );}

.f_left      { float:left;}
.f_right     { float:right;}
.clear     { clear:both; margin:0; padding:0; height:0; width:0;}
.clear hr  { display:none; border:none; height:0px;}
.clearfix:after{ content: ""; clear: both; display: block;}

.alignc    { text-align: center;}
.alignl    { text-align: left;}
.alignr    { text-align: right;}

.centerjus{ margin: 0 auto;}

.pd-t      { padding: 10px 0 0 0;}
.pd-tt     { padding: 30px 0 0 0;}
.pd-ttt    { padding: 60px 0 0 0;}

.pd-b      { padding: 0 0 10px 0;}
.pd-bb     { padding: 0 0 30px 0;}
.pd-bbb    { padding: 0 0 60px 0;}

.pd-tb     { padding: 5px 0;}
.pd-ttbb   { padding: 10px 0;}
.pd-tttbbb { padding: 30px 0;}

.pd-r      { padding: 0 10px 0 0;}
.pd-rr     { padding: 0 30px 0 0;}
.pd-rrr    { padding: 0 60px 0 0;}

.pd-l      { padding: 0 0 0 10px;}
.pd-ll     { padding: 0 0 0 30px;}
.pd-lll    { padding: 0 0 0 60px;}

.pd-rl     { padding: 0 5px;}
.pd-rrll   { padding: 0 10px;}
.pd-rrrlll { padding: 0 30px;}

.pd-a      { padding: 10px;}
.pd-aa     { padding: 30px;}
.pd-aaa    { padding: 60px;}

.fs_sub{ color: #666; font-size: 90%;}
.fs_sub8{ color: #666; font-size: 80%;}
.fs_notice{ color: #f00; font-size: 80%;}
.red{ color: #f00;}
.noborder{ border: none;}

#content-sidebar:after{
	clear: both;
	display: block
}

/*===================================================================
//  レイアウト
//=================================================================*/
#wrapper  { width: 90%; min-width: 1040px; margin: 0 auto; padding: 25px 0; text-align: left;}
#container{ width: 100%; float: right; margin-left: -300px;}
#contents { margin: 0 0 0 300px; position: relative; padding: 0;}
#sidebox  { width: 280px; float: left;}



/*===================================================================
//  ヘッダ
//=================================================================*/
#top{ background: url(../img/index/head_bg.gif) bottom repeat-x;}
#header{
	width: 90%;
	min-width: 1040px;
	height: 80px;
	margin: 0 auto;
	text-align: right;
}
h1{	width: 320px; height: 60px; margin: 0; padding: 10px 0 0 0; line-height: 20px;}
.head_bnr{ width: 520px; padding: 10px 0 0 0; font-size: 12px; text-align: right; float: right;}

a.bt_guide{ padding: 0 0 0 17px; background: url(../img/index/bt_guide.gif) left 2px no-repeat; text-decoration: none;}
a.bt_guide:hover{background: url(../img/index/bt_guide_on.gif) left 2px no-repeat;}


select.sel_lang{
	width: 278px;
    height: 24px;
	margin-bottom: 10px;
	padding: 2px 15px 2px 30px;
    background: url(../img/index/sel_lang_arrow.gif) 14px 45% no-repeat;
    line-height: 18px;
    font-size: 12px;
	text-indent: 5px;
	border: 1px solid #ccc;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    cursor: pointer;
}


a.bt_login{ padding: 0 0 10px 0; margin-right: 10px; color: #fff; text-decoration: none; display: block; float: right; line-height: 28px; background: url(../img/index/bt_orange_l.gif) right no-repeat;}
a.bt_login, x:-moz-any-link, x:default{ line-height: 27px;}/* Firefox */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  a.bt_login {
    line-height: 26px; /* IE10 */
  }
}
.bt_login:before{ margin-right: 5px; content:url("../img/index/bt_login_l.gif"); position: relative; top: 10px;}
.bt_login:after { content:url("../img/index/bt_orange_r.gif"); position: relative; top: 10px;}
	a.bt_login:hover{ background: url(../img/index/bt_orange_l_on.gif) right no-repeat;}
	.bt_login:hover:before{ content:url("../img/index/bt_login_l_on.gif"); position: relative; top: 10px;}
	.bt_login:hover:after { content:url("../img/index/bt_orange_r_on.gif"); position: relative; top: 10px;}

a.bt_regist{ padding: 0 0 10px 0; margin-right: 10px; color: #fff; text-decoration: none; display: block; float: right; line-height: 28px; background: url(../img/index/bt_pink_l.gif) right no-repeat;}
a.bt_regist, x:-moz-any-link, x:default{ line-height: 27px;}/* Firefox */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  a.bt_regist {
    line-height: 26px; /* IE10 */
  }
}
.bt_regist:before{ margin-right: 5px; content:url("../img/index/bt_regist_l.gif"); position: relative; top: 10px;}
.bt_regist:after { content:url("../img/index/bt_pink_r.gif"); position: relative; top: 10px;}
	a.bt_regist:hover{ background: url(../img/index/bt_pink_l_on.gif) right no-repeat;}
	.bt_regist:hover:before{ content:url("../img/index/bt_regist_l_on.gif"); position: relative; top: 10px;}
	.bt_regist:hover:after { content:url("../img/index/bt_pink_r_on.gif"); position: relative; top: 10px;}

a.bt_gocart{ padding: 0 0 10px 0; color: #fff; text-decoration: none; display: block; float: right; line-height: 28px; background: url(../img/index/bt_green_l.gif) right no-repeat;}
a.bt_gocart, x:-moz-any-link, x:default{ line-height: 27px;}/* Firefox */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  a.bt_gocart {
    line-height: 26px; /* IE10 */
  }
}
.bt_gocart:before{ margin-right: 5px; content:url("../img/index/bt_gocart_l.gif"); position: relative; top: 10px;}
.bt_gocart:after { content:url("../img/index/bt_green_r.gif"); position: relative; top: 10px;}
	a.bt_gocart:hover{ background: url(../img/index/bt_green_l_on.gif) right no-repeat;}
	.bt_gocart:hover:before{ content:url("../img/index/bt_gocart_l_on.gif"); position: relative; top: 10px;}
	.bt_gocart:hover:after { content:url("../img/index/bt_green_r_on.gif"); position: relative; top: 10px;}

.personalbox{
	display:block;
	margin-right:20px;
	padding:2px 8px;
	border-top:3px solid #477416;
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-radius:5px;
	background:#ffffff;
	min-width:194px;
	float:right;
	text-align:center;
}
.personalbox span{
	font-size:13px;
	font-weight:bold;
	color:#e76605;
}
.personalbox a{
	color:#0f1aa2;
	font-size:13px;
	text-decoration:none;
}
.personalbox a:hover{	text-decoration:underline;}


/*===================================================================
//  フッター
//=================================================================*/
#footer{ color: #325500; background: url(../img/index/footer.gif); clear: both;}
.footer{ width: 90%; min-width: 1040px; margin: 0 auto; background: url(../img/index/footer_in.gif) right 20px no-repeat; text-align: left;}
#footer a:link, #footer a:visited{ color: #000; text-decoration: none;}
#footer a:hover{ text-decoration: underline;}
#footer p{ padding: 20px 0 0 0; line-height: 120%;}
.foot_navi{ background-color: #98cc4e; line-height: 40px; text-align: center;}
#pagetop{
	width: 90%;
	margin: 0 auto;
	padding: 30px 0 0 0;
	clear: both;
	text-align: right;
}
#pagetop img{ vertical-align: bottom;}


/*===================================================================
//  ボタン
//=================================================================*/
.bt_orange       { height: 28px; line-height: 28px; background: url(../img/index/bt_orange_l.gif) right no-repeat}
.bt_orange:before{ content:"　"; padding: 0 0 0 5px; background: url(../img/index/bt_orange_l.gif) left no-repeat; float: left;}
.bt_orange:after { content:"　"; padding: 0 5px 0 0; background: url(../img/index/bt_orange_r.gif) right no-repeat; float: right;}




/*===================================================================
//  サイドカラム
//=================================================================*/
.side_box{ margin-bottom: 10px;}

.side_search_txt{ text-align: center;}
.side_search_txt:after{ content: url("../img/index/side_search_arrow.gif"); padding-left: 5px;}
a#side_search-menu{ color: #fff; text-decoration: none; line-height: 30px; cursor: pointer;
	text-shadow: none;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#477416', endColorstr = '#385f11');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#477416', endColorstr = '#385f11')";
	background-image: -moz-linear-gradient(top, #477416, #385f11);
	background-image: -ms-linear-gradient(top, #477416, #385f11);
	background-image: -webkit-linear-gradient(top, #477416, #385f11);
	background-image: linear-gradient(top, #477416, #385f11);
	background-clip: padding-box;
	border: none;
	border-radius: 4px;
	display: block;
}
a#side_search-menu:hover{
	color: #fff;
	text-shadow: none;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#385f11', endColorstr = '#477416');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#385f11', endColorstr = '#477416')";
	background-image: -moz-linear-gradient(top, #385f11, #477416);
	background-image: -ms-linear-gradient(top, #385f11, #477416);
	background-image: -webkit-linear-gradient(top, #385f11, #477416);
	background-image: linear-gradient(top, #385f11, #477416);
	background-clip: padding-box;
	}

.grey .accordion, .grey .accordion li { margin: 0 0 -1px 0; padding: 0;}
.grey .accordion a { text-decoration:none; color: #333; position: relative;}

.grey .accordion a.dcjq-parent,
.grey .accordion a.dcjq-parent.active,
.dcjq-parent strong{
	margin: 1px 0 0 0; padding: 3px 0; color: #385f11; background: #fff; line-height: 24px; display: block;}
.grey .accordion a.dcjq-parent:hover,
.dcjq-parent strong:hover{
	margin: 1px 0 0 0; padding: 3px 0; color: #477416; background: #F4F9EC; line-height: 24px; display: block;}
.grey .accordion a .dcjq-icon{
	width: 26px; height: 26px; margin-top: -15px; background: url(images/arrow_grey_right.png) no-repeat 0 center; position: absolute; top: 50%; right: 0;}

.grey .accordion a.dcjq-parent{ background: url(../img/index/arrow02.gif) right center no-repeat;}
.grey .accordion a.dcjq-parent:hover{ background: url(../img/index/arrow02.gif) right center no-repeat #F4F9EC;}

.grey .accordion a.dcjq-parent.active .dcjq-icon { background:url(../img/index/cat_minus.gif) 5px 10px no-repeat;}
#side_search-menu .dcjq-icon{ background: none;}

.accordion li{ border-bottom: 1px solid #aaa;}
.sub_cat li{ margin: 0; line-height: 1.2em; border: none;}
.sub_cat a{ padding: 0 0px; font-weight: bold; display: block;}
.sub_cat a:hover{ background: #F4F9EC; font-weight: bold; display: block;}
.grey .accordion strong:before{ content: "\2193";}
.nosub .sub_cat{ background: #fff;}
.accordion .sub_cat a{ line-height: 26px;}
.accordion .sub_cat .sub_cat a{ line-height: 26px; padding: 0 0 0 20px;}


.side_search_input{ width: 278px; margin: 6px 0; padding: 5px 0; text-indent: 10px; border: 1px solid #749254; display: block;}
.side_search_button{
	width: 120px; margin: 0 0 20px 75px; padding: 5px 0; text-align: center; display: block; cursor: pointer; border: 1px solid #d2d2d2; border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fff', endColorstr = '#e9e9e9');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fff', endColorstr = '#e9e9e9')";
	background-image: -moz-linear-gradient(top, #fff, #e9e9e9);
	background-image: -ms-linear-gradient(top, #fff, #e9e9e9);
	background-image: -webkit-linear-gradient(top, #fff, #e9e9e9);
	background-image: linear-gradient(top, #fff, #e9e9e9);
}
.side_search_button:hover{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e9e9e9', endColorstr = '#fff');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e9e9e9', endColorstr = '#fff')";
	background-image: -moz-linear-gradient(top, #e9e9e9, #fff);
	background-image: -ms-linear-gradient(top, #e9e9e9, #fff);
	background-image: -webkit-linear-gradient(top, #e9e9e9, #fff);
	background-image: linear-gradient(top, #e9e9e9, #fff);
}

.side_box10{ padding-left: 64px; background: url(../img/index/side_10_bg.gif) left center no-repeat;}
.side_box10 img{ display: block; vertical-align: bottom;}

.side_01{ padding: 5px 0;}
.side_01 img{ vertical-align: bottom; display: block;}


/*===================================================================
//  メインカラム共通
//=================================================================*/
.pagetop{ padding: 25px 0; text-align: right;}

/* カラム内div */
.content{ width: 90%; margin: 20px auto;}

/* 見出し */
h2.tit01{
	color: #333;
	font-weight:bold;
	font-size:20px;
	margin: 5px 0;
	padding: 11px 20px 7px 20px;
	background-color: #e2f3c7;
	border-bottom: 2px solid #84ba48;
	clear: both;
}

h3.tit02{
	font-size:17px;
	margin: 5px 0;
	padding: 5px 20px;
	background-color: #fcedc1;
	border-bottom: 2px solid #f2cb5b;
	clear: both;
}

h3.tit03{
	font-size:17px;
	margin: 5px 0;
	padding: 5px 20px;
	color: #555;
	background-color: #e9e9e9;
	border-bottom: 2px solid #aaa;
	clear: both;
}

h4.tit04{
	font-size:16px;
	line-height:16px;
	background-color: #FFF;
	border-bottom: 3px double #AAAAAA;
	display: block;
	font-style: normal;
	margin: 10px 0;
	padding: 5px 20px;
}

.tit01 em{ ; display: block; float: left; font-size: 20px; font-weight: bold; font-style: normal; line-height: 24px;}
.tit01 img{ margin: 0 10px; display: block;}
a.tit_more{ height: 23px; margin: 0; padding: 0 24px 0 20px; color: #fff; background: #67a126; font-size: 12px; text-decoration: none; line-height: 24px; border: 0px; border-radius: 4px; display: block; float: right;}
a.tit_more2{ height: 23px; margin: 0; padding: 0 24px 0 20px; color: #fff; background: #d6a311; font-size: 12px; text-decoration: none; line-height: 24px; border: 0px; border-radius: 4px; display: block; float: right;}
a.tit_more:hover{ background-color: #82B616;}
a.tit_more2:hover{ background-color: #f2cb5b;}

.tit02{ margin: 5px 0; padding: 11px 20px 7px 20px; background-color: #fcedc1; border-bottom: 2px solid #f2cb5b; clear: both;}
.tit02 em{ color: #333; display: block; float: left; font-size: 16px; font-weight: bold; font-style: normal; line-height: 24px;}


/* 本文装飾 */
.ruler01{ line-height: 2em; border-bottom: 1px solid #E3E3E3;}



/* パンくずリスト */
.pain{ text-align: left;}
.pain li { display: inline-block;}
.pain li + li:before { margin: 0 5px; content: ">";}

.inpage_navi{ margin: 10px 0; text-align: center;}
.inpage_navi li { padding: 0 10px; display: inline-block;}
.inpage_navi li:before { margin: 0 5px; content: ">";}

/* 矢印 */
.arrow_r{ padding-right: 14px; background: url(../img/index/arrow01.gif) right 48% no-repeat;}

/* フォーム入力パーツ */
#contents input[type="text"], #contents input[type="password"], #contents select{ padding: 5px 10px;}



/* ボタン */
.btn01{
	padding: 8px 30px; text-align: center; display: block; cursor: pointer; border: 1px solid #d2d2d2; border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fff', endColorstr = '#e9e9e9');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fff', endColorstr = '#e9e9e9')";
	background-image: -moz-linear-gradient(top, #fff, #e9e9e9);
	background-image: -ms-linear-gradient(top, #fff, #e9e9e9);
	background-image: -webkit-linear-gradient(top, #fff, #e9e9e9);
	background-image: linear-gradient(top, #fff, #e9e9e9);
}
.btn01:hover{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e9e9e9', endColorstr = '#fff');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e9e9e9', endColorstr = '#fff')";
	background-image: -moz-linear-gradient(top, #e9e9e9, #fff);
	background-image: -ms-linear-gradient(top, #e9e9e9, #fff);
	background-image: -webkit-linear-gradient(top, #e9e9e9, #fff);
	background-image: linear-gradient(top, #e9e9e9, #fff);
}

/* リスト */
.ul_number li{ margin-left: 40px; list-style: decimal;}
.ul_dot li   { margin-left: 40px; list-style: circle;}


/* テーブル */
.cont_table{ width: 700px; margin: 0 auto;}
.cont_table td{ padding: 19px 0 20px 0; vertical-align: middle; border-bottom: 1px dotted #aaa;}

.cont_table02{ width: 700px; margin: 0 auto 40px auto;}
.cont_table02 td{ padding: 9px 0 10px 0; vertical-align: middle; border-bottom: 1px dotted #aaa;}

.cont_table03{ width: 700px; margin: 0 auto 40px auto; border-width: 0 0 1px 1px; border-style: dotted; border-color: #aaa;}
.cont_table03 td{ padding: 9px 10px 10px 10px; vertical-align: middle; border-width: 1px 1px 0 0; border-style: dotted; border-color: #aaa;}

.cont_table04{ width: 700px; margin: 0 auto 40px auto; border: none;}
.cont_table04 td{ padding: 9px 10px 10px 10px; vertical-align: middle; border: none;}

.cont_table tr:last-child td {	border-bottom:none;}
.cont_table02 tr:last-child td {	border-bottom:none;}
.cont_table03 tr:last-child td {	border-bottom:none;}
.cont_table04 tr:last-child td {	border-bottom:none;}

/* PDFリスト */
.pdflist01 {
	margin:0 0 15px 20px;
}
.pdflist01 li {
	float:left;
	width:100px;
	padding:0 20px;
	background:url(../img/page/pdficon_small.png) left 3px no-repeat;
}

.pdflist02 {
	margin:0 0 15px 20px;
}
.pdflist02 li {
	margin-bottom:5px;
	padding:0 20px;
	background:url(../img/page/pdficon_small.png) left 3px no-repeat;
}

.pdflist03 {
	margin:0 0 15px 20px;
}
.pdflist03 dt {
	font-size:110%;
	margin-bottom:1px;
	padding:0 20px;
	background:url(../img/page/pdficon_small.png) left 3px no-repeat;
}
.pdflist03 dd {
	margin:0 0 10px 10px;
}

/*===================================================================
// 　qtranslate
//=================================================================*/
#content-sidebar #qtranslate-2 {
	float:right;
	width:100px;
	margin:-25px 0 5px 0;
}
