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

/*************** reset ***************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
    font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

html{
    overflow-y: scroll;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

input, textarea,{
	margin: 0;
	padding: 0;
}

ol, ul{
    list-style:none;
}

table{
    border-collapse: collapse; 
    border-spacing:0;
}

caption, th{
    text-align: left;
}

a:focus {
	outline:none;
}

/*テキストシャドウ {
	text-shadow: 1px 1px 3px #000;
}
*/

/*ボックスシャドウ {
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}
*/

/*ボックスシャドウ内側 {
	-moz-box-shadow: inset 1px 1px 3px #000;
	-webkit-box-shadow: inset 1px 1px 3px #000;
	box-shadow: inset 1px 1px 3px #000;
}
*/

/*角丸 {
	border-radius: 10px; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px; 
}
*/

/*トランジション {
	-webkit-transition: 1.5s;
	-moz-transition: 1.5s;
	-o-transition: 1.5s;
	transition: 1.5s;
}
*/

/*透明 {
	filter: alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
}
*/

/*背景のみ透明 {
	background-color:rgba(255,255,255,0.2);
}
*/

/*グラデーション {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000')";
	background-image: -moz-linear-gradient(top, #ffffff, #000000);
	background-image: -ms-linear-gradient(top, #ffffff, #000000);
	background-image: -o-linear-gradient(top, #ffffff, #000000);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#000000));
	background-image: -webkit-linear-gradient(top, #ffffff, #000000);
	background-image: linear-gradient(top, #ffffff, #000000);
}
*/

/*スマホ対応
@media screen and (max-width: 480px){
	
}
@media screen and (max-width: 320px){
	
}
*/

/*************** clear ***************/
.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;}
.clearfix {
	min-height: 1px;}
* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}
.both{
	clear:both;
}

/*************** margin ***************/
.m05 { margin: 5px !important;}
.m10 { margin: 10px !important;}
.m15 { margin: 15px !important;}
.m20 { margin: 20px !important;}
.m35 { margin: 25px !important;}
.m30 { margin: 30px !important;}
.m35 { margin: 35px !important;}
.m40 { margin: 40px !important;}
.m45 { margin: 45px !important;}
.m50 { margin: 50px !important;}
.m55 { margin: 55px !important;}
.m60 { margin: 60px !important;}

.mt05 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt35 { 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;}

.ml05 { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml35 { 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;}
.ml55 { margin-left: 55px !important;}
.ml60 { margin-left: 60px !important;}

.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb35 { 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;}
.mb55 { margin-bottom: 55px !important;}
.mb60 { margin-bottom: 60px !important;}

.mr05 { margin-right: 5px !important;}
.mr10 { margin-right: 10px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr35 { 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;}
.mr55 { margin-right: 55px !important;}
.mr60 { margin-right: 60px !important;}


/*************** padding ***************/
.p05 { padding: 5px !important;}
.p10 { padding: 10px !important;}
.p15 { padding: 15px !important;}
.p20 { padding: 20px !important;}
.p35 { padding: 25px !important;}
.p30 { padding: 30px !important;}
.p35 { padding: 35px !important;}
.p40 { padding: 40px !important;}
.p45 { padding: 45px !important;}
.p50 { padding: 50px !important;}
.p55 { padding: 55px !important;}
.p60 { padding: 60px !important;}

.pl05 { padding-left: 5px !important;}
.pl10 { padding-left: 10px !important;}
.pl15 { padding-left: 15px !important;}
.pl20 { padding-left: 20px !important;}
.pl35 { padding-left: 25px !important;}
.pl30 { padding-left: 30px !important;}
.pl35 { padding-left: 35px !important;}
.pl40 { padding-left: 40px !important;}
.pl45 { padding-left: 45px !important;}
.pl50 { padding-left: 50px !important;}
.pl55 { padding-left: 55px !important;}
.pl60 { padding-left: 60px !important;}

.pr05 { padding-right: 5px !important;}
.pr10 { padding-right: 10px !important;}
.pr15 { padding-right: 15px !important;}
.pr20 { padding-right: 20px !important;}
.pr35 { padding-right: 25px !important;}
.pr30 { padding-right: 30px !important;}
.pr35 { padding-right: 35px !important;}
.pr40 { padding-right: 40px !important;}
.pr45 { padding-right: 45px !important;}
.pr50 { padding-right: 50px !important;}
.pr55 { padding-right: 55px !important;}
.pr60 { padding-right: 60px !important;}

.pt05 { padding-top: 5px !important;}
.pt10 { padding-top: 10px !important;}
.pt15 { padding-top: 15px !important;}
.pt20 { padding-top: 20px !important;}
.pt35 { padding-top: 25px !important;}
.pt30 { padding-top: 30px !important;}
.pt35 { padding-top: 35px !important;}
.pt40 { padding-top: 40px !important;}
.pt45 { padding-top: 45px !important;}
.pt50 { padding-top: 50px !important;}
.pt55 { padding-top: 55px !important;}
.pt60 { padding-top: 60px !important;}

.pb05 { padding-bottom: 5px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb15 { padding-bottom: 15px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb35 { padding-bottom: 25px !important;}
.pb30 { padding-bottom: 30px !important;}
.pb35 { padding-bottom: 35px !important;}
.pb40 { padding-bottom: 40px !important;}
.pb45 { padding-bottom: 45px !important;}
.pb50 { padding-bottom: 50px !important;}
.pb55 { padding-bottom: 55px !important;}
.pb60 { padding-bottom: 60px !important;}


/*************** font-size ***************/
.px8{ font-size:62%;}
.px9{ font-size:68%;}
.px10{ font-size:74%;}
.px11{ font-size:83.3%;}
.px12{ font-size:93%;}
.px13{ font-size:100%;}
.px14{ font-size:105%;}
.px15{ font-size:115%;}
.px16{ font-size:123%;}
.px17{ font-size:136%;}
.px18{ font-size:145%;}
.px19{ font-size:154%;}
.px20{ font-size:160%;}
.px21{ font-size:162%;}
.px22{ font-size:170%;}
.px23{ font-size:177%;}
.px24{ font-size:185%;}
.px25{ font-size:193%;}
.px26{ font-size:200%;}
.px27{ font-size:208%;}
.px28{ font-size:216%;}
.px29{ font-size:224%;}
.px30{ font-size:231%;}
.px31{ font-size:239%;}
.px32{ font-size:247%;}
.px33{ font-size:254%;}
.px34{ font-size:262%;}
.px35{ font-size:270%;}
.px36{ font-size:277%;}
.px37{ font-size:285%;}
.px38{ font-size:293%;}
.px39{ font-size:300%;}
.px40{ font-size:308%;}


/*************** float ***************/
.l_float { float: left;}
.r_float { float: right;}


/*************** config ***************/
body { 
	color: #333;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	background: #EEE;
}

a { color: #333333;
	text-decoration: underline;}
a:hover { color: #FF8102;
	text-decoration: underline;}
	
.hover80 a:hover img, a.hover80:hover img, a:hover img.hover80 {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}

.pc { display: none;}
.tab { display: none;}
.sp { display: none;}


/* -- modified -- */
a.static
{
	text-decoration: none;
}
a:hover.static
{
	color: #333333;
}
.error
{
	color: #f00;
	font-weight: bold;
}
img.link
{
	width: auto;
	max-width: 100%;
	border: none 0px transparent;
}
ul.disc
{
	list-style-type: disc;
	margin: 0.5em 0 0.5em 1em;
}
table.hyou
{
	border: solid 2px #cccccc; 
}
table.hyou th,
table.hyou td
{
	color: #666666;
	font-size: 12px;
	border: solid 1px #cccccc;
	padding: 4px 8px;
	vertical-align: middle;
}
table.hyou th
{
	background-color: #e2eddc;
	font-weight: bold;
	text-align: center;
}
table.hyou header th
{
	vertical-align: middle;
}
input
{
	ime-mode: disabled;
}
input.ime
{
	ime-mode: active;
}
input[type=text]:focus,
select:focus,
textarea:focus
{
	background-color: #EFF;
}
input.btn
{
	border: 0px;
	color: #FFF;
	padding: 10px 8px 10px 8px;
	background: #ff8a13; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff8a13 0%, #d96d00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8a13), color-stop(100%,#d96d00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff8a13 0%,#d96d00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff8a13 0%,#d96d00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff8a13 0%,#d96d00 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff8a13 0%,#d96d00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8a13', endColorstr='#d96d00',GradientType=0 ); /* IE6-9 */
}
input.btn:hover
{
	background: #d96d00; /* Old browsers */
	background: -moz-linear-gradient(top,  #d96d00 1%, #ff8a13 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#d96d00), color-stop(100%,#ff8a13)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d96d00 1%,#ff8a13 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d96d00 1%,#ff8a13 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d96d00 1%,#ff8a13 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d96d00 1%,#ff8a13 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d96d00', endColorstr='#ff8a13',GradientType=0 ); /* IE6-9 */
}
input.btn.cancel
{
	background: #888888; /* Old browsers */
	background: -moz-linear-gradient(top,  #888888 0%, #666666 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888888), color-stop(100%,#666666)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #888888 0%,#666666 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #888888 0%,#666666 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #888888 0%,#666666 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #888888 0%,#666666 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#666666',GradientType=0 ); /* IE6-9 */
}
input.btn.cancel:hover
{
	background: #666666; /* Old browsers */
	background: -moz-linear-gradient(top,  #666666 0%, #666666 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#888888)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #666666 0%,#888888 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #666666 0%,#888888 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #666666 0%,#888888 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #666666 0%,#888888 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#888888',GradientType=0 ); /* IE6-9 */
}
input.btn:disabled
{
	border: 0px;
	color: #ccc;
	padding: 10px 8px 10px 8px;
	background: #888888; /* Old browsers */
	background: -moz-linear-gradient(top,  #888888 0%, #6c6c6c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888888), color-stop(100%,#6c6c6c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #888888 0%,#6c6c6c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #888888 0%,#6c6c6c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #888888 0%,#6c6c6c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #888888 0%,#6c6c6c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#6c6c6c',GradientType=0 ); /* IE6-9 */
}
#wrapper #contents #main .whitebox
{
	background-color: #fff;
	border: solid 2px #cccccc;
	padding: 1em;
}
/* -------------- */

/*************** others *****************/
.border0 { border: 0px !important;}
.txt_orange { color: #FF8812;}
.bold { font-weight: bold;}
.arrow_01 {
	background: url(/_images/_common/ico_arrow_01.jpg) no-repeat;
	padding-left: 20px;
}
.arrow_02 {
	background: url(/_images/_common/ico_arrow_01.jpg) no-repeat 98% 50%;
	padding-right: 35px;
}

.txt_l { text-align: left;}
.txt_c { text-align: center;}
.txt_r { text-align: right;}
.none { display: none;}


/*************** PC *******************/
@media screen and (min-width: 1080px) {
.pc { display: block !important;}
.pc_inline { display: inline !important;}

/*************** header ***************/
#header {
	border-top: 5px solid #398A0A;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 86%, #eeeeee 86%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(86%,#ffffff), color-stop(86%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 86%,#eeeeee 86%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 86%,#eeeeee 86%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 86%,#eeeeee 86%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 86%,#eeeeee 86%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
#header .inner {
	width: 1080px;
	margin: 0px auto;
}
#header #sub_nav { float: right;}
#header #sub_nav ul { padding: 5px 0px 0px 0px;}
#header #sub_nav ul li {
	float: left;
	border-left: 1px solid #ccc;
	padding: 0px 5px 0px 5px;
}
#header #sub_nav ul li:first-child { border-left: 0px;}
#header #sub_nav ul li a { text-decoration: none;}
#header #h_logo { margin: 5px 0px 0px 5px;}
#header #h_logo h1 { float: left;}
#header #h_logo p { 
	float: left;
	padding: 18px 0px 0px 20px;
	line-height: 1.2;
}

#header nav { margin: 10px 0px 0px 0px;}
#header nav li {
	width: 269px; /* modified ( original: 5 columns = 215px; ) */
	float: left;
	margin: 0px 0px 0px 1px;
	text-align: center;
	font-size: 86%;
}
#header nav li:first-child {
	margin: 0px;
	width: 269px; /* modified ( original: 5 columns = 216px; ) */
}
#header nav li a,
#header nav li.gnav_drop p {
	display: block;
	width: 100%;
	min-height: 30px;
	color: #FFF;
	cursor: pointer;
	text-decoration: none;
	padding-top: 10px;
	background: #519f24; /* Old browsers */
	background: -moz-linear-gradient(top,  #519f24 0%, #398a0a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#519f24), color-stop(100%,#398a0a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #519f24 0%,#398a0a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #519f24 0%,#398a0a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #519f24 0%,#398a0a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #519f24 0%,#398a0a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#519f24', endColorstr='#398a0a',GradientType=0 ); /* IE6-9 */
}

#header nav li:nth-child(4) ul li:first-child a {
	padding-bottom: 10px;
}

#header nav li a:hover,
#header nav li p:hover,
#header nav li.current a,
#header nav li.current p {
	color: #FFF;
	background: #ff8a13; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff8a13 0%, #d96d00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8a13), color-stop(100%,#d96d00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff8a13 0%,#d96d00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff8a13 0%,#d96d00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff8a13 0%,#d96d00 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff8a13 0%,#d96d00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8a13', endColorstr='#d96d00',GradientType=0 ); /* IE6-9 */
}
#header nav li.gnav_drop { position: relative;}
#header nav li.gnav_drop ul {
	position: absolute;
	top: 40px;
	width: 100%;
	z-index: 1004;
}
#header nav li.gnav_drop ul li {
	width: 100% !important;
	border-top: 1px solid #FFF;
	
}
#header nav li.gnav_drop ul li a {
	background: #e8ffd4 url(/_images/_common/ico_arrow_04.png) no-repeat 95% 50% !important;
	color: #333;
}
#header nav li.gnav_drop ul li a:hover {
	color: #999;
}


/*************** footer ***************/
#footer {
	background: #FFF;
	margin: 20px 0px 0px 0px;
}

#footer #f_logo {
	width: 1080px;
	margin: 0 auto;
	padding: 20px 0px 20px 0px;
}
#footer #f_logo h1 { float: left;}
#footer #f_logo p { 
	float: left;
	padding: 18px 0px 0px 20px;
	line-height: 1.2;
}
#footer #f_nav { background: #398A0A;}
#footer #f_nav .inner {
	width: 1080px;
	margin: 0px auto;
	padding: 20px 0px 20px 0px;
}
#footer #f_nav ul {
	float: left;
	width: 216px;
	font-size: 68%;
}
#footer #f_nav ul li {
	line-height: 2.0;
	color: #FFF;
}
#footer #f_nav ul li a {
	color: #FFF;
	text-decoration: none;
}
#footer #f_nav ul li a:hover { text-decoration: underline;}

#footer .copyright {
	background: #353509;
	text-align: center;
	font-size: 68%;
	color: #FFF;
	padding: 10px 0px 10px 0px;
}
/*************** contents ***************/
#wrapper { 
	width: 1080px;
	margin: 0 auto;
	padding: 15px 0px 0px 0px;
}
#wrapper #contents {
	margin: 0px auto;
	font-size: 88%;
	width: 744px;
	float: left;
}

#wrapper #contents section { margin: 0px 0px 10px 0px;}


/*************** side *****************/
#wrapper #side {
	width: 336px;
	float: right;
	font-size: 88%;
}

#wrapper #side .side_section {
	margin: 0px 0px 5px 0px;
}
#wrapper #side .side_title {
	width: 300px;
	margin: 0 auto;
}


#wrapper #side .side_section #login {
	width: 300px;
	box-shadow: 1px 1px 3px #bbb;
	background: #FFF;
	padding: 15px;
	margin: 0px auto;
}

#wrapper #side .side_section #login .login_form {
	width: 300px;
	margin: 0 auto;
	padding-top: 10px;
}

#wrapper #side .side_section #login input[type="text"],
#wrapper #side .side_section #login input[type="password"] /* modified */
{ 
	width: 296px;
	background: #EEE;
	border: 1px solid #CCC;
}

#wrapper #side .side_section #login .login_form ul li {
	margin: 0px 0px 15px 0px;
}

#wrapper #side .side_section #login .login_form .forgot { margin: 0px 0px 10px 0px;}

#wrapper #side .side_section #login .login_form .login_btn {
	position: relative;
}
#wrapper #side .side_section #login .login_form .login_btn p {
	position: absolute;
	top: 25%;
	left: 3%;
}
#wrapper #side .side_section #login .login_form .login_btn input[type="submit"] {
	width: 100%;
	border: 0px;
	color: #FFF;
	padding: 10px 0px 10px 0px;
	background: #ff8a13; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff8a13 0%, #d96d00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8a13), color-stop(100%,#d96d00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff8a13 0%,#d96d00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff8a13 0%,#d96d00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff8a13 0%,#d96d00 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff8a13 0%,#d96d00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8a13', endColorstr='#d96d00',GradientType=0 ); /* IE6-9 */
}

#wrapper #side .side_section #login .login_form .login_btn input:hover {
	width: 100%;
	background: #d96d00; /* Old browsers */
	background: -moz-linear-gradient(top,  #d96d00 1%, #ff8a13 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#d96d00), color-stop(100%,#ff8a13)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d96d00 1%,#ff8a13 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d96d00 1%,#ff8a13 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d96d00 1%,#ff8a13 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d96d00 1%,#ff8a13 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d96d00', endColorstr='#ff8a13',GradientType=0 ); /* IE6-9 */
}

#wrapper #side .side_section #login .login_form .mymenu {
	margin: 10px 0px 10px 0px;
}
#wrapper #side .side_section #login .login_form .mymenu li {
	border-bottom: 1px dotted #ccc;
	padding: 7px 0px 7px 35px;
	margin: 0px !important;
	background: url(/_images/_common/ico_arrow_01.jpg) no-repeat 3% 50%;
}
#wrapper #side .side_section #login .login_form .mymenu li:first-child {
	background: url(/_images/_common/ico_arrow_01.jpg) no-repeat 3% 25%;
}

#wrapper #side .side_section #siteguide {
	width: 306px;
	box-shadow: 1px 1px 3px #bbb;
	background: #FFF;
	padding: 15px;
	line-height: 2.0;
}

#wrapper #side .side_section #siteguide ul {
	padding: 0px 0px 0px 15px;
	list-style: disc inside;
}
}


/***************** TABLET ********************/
@media screen and (min-width: 768px) and (max-width: 1079px) {
.tab { display: block !important;}
.tab_inline { display: inline !important;}

/*************** header ***************/
#header {
	width: 100%;
	min-width: 768px;
	border-top: 5px solid #398A0A;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 86%, #eeeeee 86%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(86%,#ffffff), color-stop(86%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 86%,#eeeeee 86%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 86%,#eeeeee 86%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 86%,#eeeeee 86%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 86%,#eeeeee 86%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
#header .inner {
	margin: 0px auto;
	padding: 0px 7px 0px 15px;
}
#header #sub_nav { float: right;}
#header #sub_nav ul { padding: 5px 0px 0px 0px;}
#header #sub_nav ul li {
	float: left;
	border-left: 1px solid #ccc;
	padding: 0px 5px 0px 5px;
}
#header #sub_nav ul li:first-child { border-left: 0px;}
#header #sub_nav ul li a { text-decoration: none;}
#header #h_logo { margin: 5px 0px 0px 5px;}
#header #h_logo h1 { float: left;}
#header #h_logo p { 
	float: left;
	padding: 18px 0px 0px 20px;
	line-height: 1.2;
}

#header nav { margin: 10px 0px 0px 0px;}
#header nav ul { width: 100%;}
#header nav li {
	width: 24.75%;  /* modified ( original: 5 columns = 19.8%; ) */
	float: left;
	margin: 0px 0px 0px 1px;
	text-align: center;
	font-size: 86%;
}
#header nav li:first-child {
	margin: 0px;
}
#header nav li a,
#header nav .gnav_drop p {
	display: block;
	cursor: pointer;
	width: 100%;
	min-height: 30px;
	color: #FFF;
	text-decoration: none;
	padding-top: 10px;
	background: #519f24; /* Old browsers */
	background: -moz-linear-gradient(top,  #519f24 0%, #398a0a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#519f24), color-stop(100%,#398a0a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #519f24 0%,#398a0a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #519f24 0%,#398a0a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #519f24 0%,#398a0a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #519f24 0%,#398a0a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#519f24', endColorstr='#398a0a',GradientType=0 ); /* IE6-9 */
}

#header nav li:nth-child(4) ul li:first-child a {
	padding-bottom: 10px;
}

#header nav li a:hover,
#header nav li p:hover,
#header nav li.current a,
#header nav li.current p {
	color: #FFF;
	background: #ff8a13; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff8a13 0%, #d96d00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8a13), color-stop(100%,#d96d00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff8a13 0%,#d96d00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff8a13 0%,#d96d00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff8a13 0%,#d96d00 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff8a13 0%,#d96d00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8a13', endColorstr='#d96d00',GradientType=0 ); /* IE6-9 */
}

#header nav li.gnav_drop { position: relative;}
#header nav li.gnav_drop ul {
	position: absolute;
	top: 40px;
	width: 100%;
	z-index:1004;
}
#header nav li.gnav_drop ul li {
	width: 100% !important;
	border-top: 1px solid #FFF;
	float: none;
	margin-left: 0px !important;
	
}
#header nav li.gnav_drop ul li a {
	background: #e8ffd4 url(/_images/_common/ico_arrow_04.png) no-repeat 95% 50% !important;
	color: #333;
}
#header nav li.gnav_drop ul li a:hover {
	color: #999;
}



/*************** footer ***************/
#footer {
	background: #FFF;
	width: 100%;
	min-width: 768px;
	margin: 20px 0px 0px 0px;
}

#footer #f_logo {
	padding: 20px 7px 20px 15px;
}
#footer #f_logo h1 { float: left;}
#footer #f_logo p { 
	float: left;
	padding: 18px 0px 0px 20px;
	line-height: 1.2;
}
#footer #f_nav { background: #398A0A;}
#footer #f_nav .inner {
	padding: 0px 7px 20px 15px;
}
#footer #f_nav ul {
	float: left;
	width: 216px;
	font-size: 68%;
	margin: 20px 0px 0px 0px;
}
#footer #f_nav ul li {
	line-height: 2.0;
	color: #FFF;
}
#footer #f_nav ul li a {
	color: #FFF;
	text-decoration: none;
}
#footer #f_nav ul li a:hover { text-decoration: underline;}

#footer .copyright {
	background: #353509;
	text-align: center;
	font-size: 68%;
	color: #FFF;
	padding: 10px 0px 10px 0px;
}
/*************** contents ***************/
#wrapper { 
	width: 100%;
	min-width: 768px;
	margin: 0 auto;
	padding: 15px 0px 0px 0px;
}
#wrapper #contents {
	margin: 0px auto;
	font-size: 88%;
	padding: 0px 13px 0px 15px;
}

#wrapper #contents section { margin: 0px 0px 10px 0px;}

#wrapper #contents section .sub_title {
	width: 100%;
	background: #469618;
	line-height: 0;
}
#wrapper #contents section .sub_title img {
	width: 156px;
	display: block;
	margin: 0 auto;
}

#wrapper #contents section .sub_title02 {
	width: 100%;
	background: #ff8f1f;
	line-height: 0;
}
#wrapper #contents section .sub_title02 img {
	width: 156px;
	display: block;
	margin: 0 auto;
}


#wrapper #contents section #login {
	box-shadow: 1px 1px 3px #bbb;
	background: #FFF;
	padding: 15px;
	margin: 0px auto;
}

#wrapper #contents section #login .login_form .mymenu {
	margin: 10px 0px 10px 0px;
}
#wrapper #contents section #login .login_form .mymenu li {
	border-bottom: 1px dotted #ccc;
	float: none !important;
	width: 94% !important;
	margin: 0px auto !important;
	background: url(/_images/_common/ico_arrow_01.jpg) no-repeat 1% 50%;
}
#wrapper #contents section #login .login_form .mymenu li a {
	display: block;
	padding: 7px 0px 7px 35px;
}


#wrapper #contents section #login .login_form {
	width: 97%;
	margin: 0 auto;
	padding-top: 10px;
}
#wrapper #contents section #login .login_form ul li {
	margin: 15px 15px 0px 0px;
	float: left;
	width: 36.3%;
}
#wrapper #contents section #login .login_form ul li:last-child {
	width: 22%;
	margin: 0px 0px 0px 0px;
}
#wrapper #contents section #login input[type="text"],
#wrapper #contents section #login input[type="password"] /* modified */
{ 
	width: 100%;
	background: #EEE;
	border: 1px solid #CCC;
	padding: 5px 0px 5px 0px !important;
}

#wrapper #contents section #login .login_form .forgot { 
	padding: 10px 0px 0px 0px;
	text-align: right;
}
#wrapper #contents section #login .login_form .regist {
	padding: 10px 0px 0px 0px;
	text-align: right;
}

#wrapper #contents section #login .login_form .login_btn {
	position: relative;
}
#wrapper #contents section #login .login_form .login_btn p {
	position: absolute;
	top: 55%;
	left: 10%;
}
#wrapper #contents section #login .login_form .login_btn input[type="submit"] {
	width: 100%;
	border: 0px;
	color: #FFF;
	padding: 10px 0px 10px 0px;
	margin: 29px 0px 0px 0px;
	background: #ff8a13; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff8a13 0%, #d96d00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8a13), color-stop(100%,#d96d00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff8a13 0%,#d96d00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff8a13 0%,#d96d00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff8a13 0%,#d96d00 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff8a13 0%,#d96d00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8a13', endColorstr='#d96d00',GradientType=0 ); /* IE6-9 */
}

#wrapper #contents section #login .login_form .login_btn input:hover {
	width: 100%;
	background: #d96d00; /* Old browsers */
	background: -moz-linear-gradient(top,  #d96d00 1%, #ff8a13 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#d96d00), color-stop(100%,#ff8a13)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d96d00 1%,#ff8a13 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d96d00 1%,#ff8a13 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d96d00 1%,#ff8a13 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d96d00 1%,#ff8a13 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d96d00', endColorstr='#ff8a13',GradientType=0 ); /* IE6-9 */
}

/************* f_contents *****************/
#wrapper #f_contents {
	padding: 30px 13px 0px 15px;
	font-size: 88%;
}

#wrapper #f_contents .bnr_area {
	float: left;
	width: 33.3%;
}

#wrapper #f_contents .bnr_area img {
	width: 100%;
	height: auto;
}

#wrapper #f_contents #siteguide {
	width: 62.2%;
	box-shadow: 1px 1px 3px #bbb;
	background: #FFF;
	padding: 15px;
	line-height: 2.0;
	margin-top: 15px;
	float: left;
}

#wrapper #f_contents .sub_title {
	width: 100%;
	background: #469618;
	line-height: 0;
}
#wrapper #f_contents .sub_title img {
	width: 300px;
	display: block;
	margin: 0 auto;
}


#wrapper #f_contents #siteguide ul {
	width: 40%;
	padding: 0px 0px 0px 15px;
	list-style: disc outside;
	float: left;
	margin: 15px 0px 0px 30px;
}

#wrapper #f_contents #twitter_widget {
	float: right;
	width: 33%;
	height: 276px !important;
	padding: 5px 0px 0px 0px;
	overflow: hidden;
}

#wrapper #f_contents #twitter_widget a, #wrapper #f_contents #twitter_widget iframe {
	width: 100%;
	min-width: 100% !important;
	min-height: 100%;
	max-height: 100%;
	height: 100%;
}

/*************** side *****************/
#wrapper #side {
	display: none;
}
}


/******************** SMARTPHONE **********************/
@media screen and (max-width:767px) {
.sp { display: block !important;}
.sp_inline { display: inline !important;}

/*************** header ***************/
#header {
	width: 100%;
	min-width: 320px;
	border-top: 5px solid #398A0A;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 86%, #eeeeee 86%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(86%,#ffffff), color-stop(86%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 86%,#eeeeee 86%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 86%,#eeeeee 86%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 86%,#eeeeee 86%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 86%,#eeeeee 86%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	padding: 10px 0px 0px 0px;
}
#header .inner {
	margin: 0px auto;
	padding: 0px 7px 0px 15px;
}
#header #h_logo { margin: 5px 0px 0px 5px;}
#header #h_logo h1 { float: left;}
#header #h_logo p { 
	float: left;
	padding: 18px 0px 0px 20px;
	line-height: 1.2;
}

#header nav { margin: 10px 0px 0px 0px;}
#header nav ul { width: 100%;}
#header nav li {
	width: 49.5%; /* modified ( original: 5 columns = 33%; ) */
	float: left;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	text-align: center;
	font-size: 86%;
}
#header nav li.sp_nav { width: 49.6%;}
#header nav li:first-child {
	margin: 0px;
}
#header nav li a,
#header nav li.gnav_drop p {
	display: block;
	cursor: pointer;
	width: 100%;
	min-height: 30px;
	color: #FFF;
	text-decoration: none;
	padding-top: 10px;
	background: #519f24; /* Old browsers */
	background: -moz-linear-gradient(top,  #519f24 0%, #398a0a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#519f24), color-stop(100%,#398a0a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #519f24 0%,#398a0a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #519f24 0%,#398a0a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #519f24 0%,#398a0a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #519f24 0%,#398a0a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#519f24', endColorstr='#398a0a',GradientType=0 ); /* IE6-9 */
}

#header nav li:nth-child(4) ul li:first-child a {
	padding-bottom: 10px;
}

#header nav li a:hover,
#header nav li p:hover,
#header nav li.current a,
#header nav li.current p {
	color: #FFF;
	background: #ff8a13; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff8a13 0%, #d96d00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8a13), color-stop(100%,#d96d00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff8a13 0%,#d96d00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff8a13 0%,#d96d00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff8a13 0%,#d96d00 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff8a13 0%,#d96d00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8a13', endColorstr='#d96d00',GradientType=0 ); /* IE6-9 */
}

#header nav li.gnav_drop { position: relative;}
#header nav li.gnav_drop ul {
	position: absolute;
	top: 40px;
	width: 100%;
	z-index: 1002;
}
#header nav li.gnav_drop ul li {
	width: 100% !important;
	border-top: 1px solid #FFF;
	margin-left: 0px !important;
	border-right: 0px !important;
	border-left: 0px !important;
	border-bottom: 0px !important;
	float: none;
	
}
#header nav li.gnav_drop ul li a {
	background: #e8ffd4 url(/_images/_common/ico_arrow_04.png) no-repeat 95% 50% !important;
	color: #333;
}
#header nav li.gnav_drop ul li a:hover {
	color: #999;
}


/*************** footer ***************/
#footer {
	background: #FFF;
	width: 100%;
	min-width: 320px;
	margin: 20px 0px 0px 0px;
}

#footer #f_logo {
	padding: 20px 7px 20px 15px;
}
#footer #f_logo h1 { float: left;}
#footer #f_logo p { 
	float: left;
	padding: 18px 0px 0px 20px;
	line-height: 1.2;
}
#footer #f_nav { display: none;}

#footer .copyright {
	background: #353509;
	text-align: center;
	font-size: 68%;
	color: #FFF;
	padding: 10px 0px 10px 0px;
}

#footer #sub_nav { float: right;}
#footer #sub_nav ul { padding: 5px 0px 0px 0px;}
#footer #sub_nav ul li {
	float: left;
	border-left: 1px solid #ccc;
	padding: 0px 5px 0px 5px;
	margin: 0px 0px 9px 0px;
}
#footer #sub_nav ul li:first-child { border-left: 0px;}
#footer #sub_nav ul li a { text-decoration: none;}

#sp_fnav .sp_fnav_title {
	cursor: pointer;
	display: block;
	width: 100%;
	height: 30px;
	color: #FFF;
	border-top: 1px solid #FFF;
	text-decoration: none;
	padding-top: 10px;
	background: #519f24; /* Old browsers */
	background: -moz-linear-gradient(top,  #519f24 0%, #398a0a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#519f24), color-stop(100%,#398a0a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #519f24 0%,#398a0a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #519f24 0%,#398a0a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #519f24 0%,#398a0a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #519f24 0%,#398a0a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#519f24', endColorstr='#398a0a',GradientType=0 ); /* IE6-9 */
}
#sp_fnav .sp_fnav_title:hover {
	background: #398a0a; /* Old browsers */
	background: -moz-linear-gradient(top,  #398a0a 0%, #519f24 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#398a0a), color-stop(99%,#519f24)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #398a0a 0%,#519f24 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #398a0a 0%,#519f24 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #398a0a 0%,#519f24 99%); /* IE10+ */
	background: linear-gradient(to bottom,  #398a0a 0%,#519f24 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#398a0a', endColorstr='#519f24',GradientType=0 ); /* IE6-9 */
}
#sp_fnav .sp_fnav_title p { 
	padding-left: 15px;
	background: url(/_images/_common/ico_accordion_off.png) no-repeat 98% 50%;
}
#sp_fnav .sp_fnav_title p.active {
	background: url(/_images/_common/ico_accordion_on.png) no-repeat 98% 50%;
}

#sp_fnav .sp_fnav_contents {
	font-size: 88%;
	border-bottom: 1px dotted #ccc;
}
#sp_fnav .sp_fnav_contents a {
	display: block;
	padding: 10px;
	text-decoration: none;
	background: url(/_images/_common/ico_arrow_04.png) no-repeat 96% 50%;
}

/*************** contents ***************/
#wrapper { 
	width: 100%;
	min-width: 320px;
	margin: 0 auto;
	padding: 15px 0px 0px 0px;
}
#wrapper #contents {
	margin: 0px auto;
	font-size: 88%;
	padding: 0px 13px 0px 15px;
}

#wrapper #contents section { margin: 0px 0px 10px 0px;}

#wrapper #contents section .accordion .sub_title,
#wrapper #contents section .accordion .sub_title02 {
	cursor: pointer;
}

#wrapper #contents section .sub_title {
	width: 100%;
	background: #469618 url(/_images/_common/ico_accordion_off.png) no-repeat 97% 50%;
	line-height: 0;
	margin: 0px 0px 15px 0px;
}
#wrapper #contents section .sub_title .active {
	background: #469618 url(/_images/_common/ico_accordion_on.png) no-repeat 97% 50%;
}

#wrapper #contents section .sub_title02 {
	width: 100%;
	background: #ff8f1f url(/_images/_common/ico_accordion_off.png) no-repeat 97% 50%;
	line-height: 0;
	margin: 0px 0px 15px 0px;
}
#wrapper #contents section .sub_title02 .active {
	background: #ff8f1f url(/_images/_common/ico_accordion_on.png) no-repeat 97% 50%;
}

#wrapper #contents section .sub_title img,
#wrapper #contents section .sub_title02 img {
	width: 100%;
	max-width: 156px;
	height: auto;
	display: block;
	margin: 0 auto;
}

#wrapper #contents section #login {
	box-shadow: 1px 1px 3px #bbb;
	background: #FFF;
	padding: 15px;
	margin: 0px auto;
}

#wrapper #contents section #login .login_form .mymenu {
	margin: 10px 0px 10px 0px;
}
#wrapper #contents section #login .login_form .mymenu li {
	border-bottom: 1px dotted #ccc;
	float: none !important;
	width: 94% !important;
	margin: 0px auto !important;
	background: url(/_images/_common/ico_arrow_01.jpg) no-repeat 1% 50%;
}
#wrapper #contents section #login .login_form .mymenu li a {
	display: block;
	padding: 7px 0px 7px 35px;
}

#wrapper #contents section #login .login_form {
	width: 100%;
	margin: 0 auto;
}
#wrapper #contents section #login .login_form ul {
	width: 100%;
}
#wrapper #contents section #login .login_form ul li {
	margin: 15px 0px 0px 0px;
	width: 100%;
}
#wrapper #contents section #login .login_form ul li:last-child {
	margin: 0px 0px 0px 0px;
}
#wrapper #contents section #login input[type="text"],
#wrapper #contents section #login input[type="password"] /* modified */
{ 
	width: 100%;
	background: #EEE;
	border: 1px solid #CCC;
	padding: 5px 0px 5px 0px !important;
}

#wrapper #contents section #login .login_form .forgot { 
	padding: 10px 0px 0px 0px;
	text-align: right;
}
#wrapper #contents section #login .login_form .regist {
	padding: 10px 0px 0px 0px;
	text-align: right;
}

#wrapper #contents section #login .login_form .login_btn {
	position: relative;
}
#wrapper #contents section #login .login_form .login_btn p {
	position: absolute;
	top: 55%;
	left: 10%;
}
#wrapper #contents section #login .login_form .login_btn input[type="submit"] {
	width: 100%;
	border: 0px;
	color: #FFF;
	padding: 10px 0px 10px 0px;
	margin: 29px 0px 0px 0px;
	background: #ff8a13; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff8a13 0%, #d96d00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8a13), color-stop(100%,#d96d00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff8a13 0%,#d96d00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff8a13 0%,#d96d00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff8a13 0%,#d96d00 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff8a13 0%,#d96d00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8a13', endColorstr='#d96d00',GradientType=0 ); /* IE6-9 */
}

#wrapper #contents section #login .login_form .login_btn input:hover {
	width: 100%;
	background: #d96d00; /* Old browsers */
	background: -moz-linear-gradient(top,  #d96d00 1%, #ff8a13 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#d96d00), color-stop(100%,#ff8a13)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d96d00 1%,#ff8a13 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d96d00 1%,#ff8a13 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d96d00 1%,#ff8a13 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d96d00 1%,#ff8a13 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d96d00', endColorstr='#ff8a13',GradientType=0 ); /* IE6-9 */
}


/************* f_contents *****************/
#wrapper #f_contents {
	padding: 30px 13px 0px 15px;
	font-size: 88%;
}

#wrapper #f_contents .bnr_area {
	width: 100%;
	margin: 0px 0px 10px 0px;
}

#wrapper #f_contents .bnr_area img {
	width: 100%;
	height: auto;
}

#wrapper #f_contents #siteguide {
	box-shadow: 1px 1px 3px #bbb;
	background: #FFF;
	padding: 15px;
	line-height: 2.0;
	margin-top: 15px;
}

#wrapper #f_contents .sub_title {
	width: 100%;
	background: #469618;
	line-height: 0;
	margin: 0px 0px 15px 0px;
}
#wrapper #f_contents .sub_title img {
	width: 100%;
	max-width: 300px;
	height: auto;
	display: block;
	margin: 0 auto;
}


#wrapper #f_contents #siteguide ul {
	padding: 0px 0px 0px 15px;
	list-style: disc outside;
	margin: 0px 0px 0px 10px;
}

#wrapper #f_contents #twitter_widget {
	height: 500px !important;
	padding: 5px 0px 0px 0px;
	overflow: hidden;
}

#wrapper #f_contents #twitter_widget a, #wrapper #f_contents #twitter_widget iframe {
	width: 100%;
	min-width: 100% !important;
	min-height: 100%;
	max-height: 100%;
	height: 100%;
}

/*************** side *****************/
#wrapper #side {
	display: none;
}
}