@charset "utf-8";

/****************************************************
  Reset
*****************************************************/

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,th,td,img { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,td { font-size: 1em; font-weight: normal; font-style: normal; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
img { border:0; vertical-align: middle; -ms-interpolation-mode: bicubic; }
a { /* text-decoration: none;  */outline:none; }
li { list-style: none; }
input, textarea { outline: none; }
input[type="submit"]::-moz-focus-inner { border :0px; }


/****************************************************
 html & body 
*****************************************************/

html { 
	margin: 0px;
	height: 100%; 
	width: 100%; 
	text-align: center; 
	font-family: Helvetica,Arial,"Hiragino Kaku Gothic Pro","Meiryo","MS PGothic",sans-serif; 
	color: rgb(81, 76, 73); 
	background-color: rgb(250, 247, 228); 
	background-color: white; 
}
body { 
	margin: 0; 
	height: 100%; 
	width: 100%; 
	text-align: left; 
	line-height: 1.5em; 
	font-size: 81.25%; 
}

/****************************************************
 tricks 
*****************************************************/

/*****************************
 sticky_footer 
******************************/

html, body, div#fixed_bottom { 
	height: 100%; 
}
body > div#fixed_bottom {
	height: auto; 
	min-height: 100%; 
}

/*****************************
 font-size 
******************************/

/* font-size_fix IE7 */
*+html body { 
	font-family: "Meiryo","MS PGothic"; 
	font-size: small; 
}

/* font-size_fix IE6_standard */ 
*html body { 
	font-family: "MS PGothic"; 
	font-size: small; 
}

/* font-size_fix IE6_quirks */
*html body { 
	font: x-small/1.5em; 

}
/*******************

font-size
relative values

10px: 77% 
11px: 85% 
12px: 93% 
13px: 100% 
14px: 108% 
15px: 116% 
16px: 123.1% 
17px: 131% 
18px: 138.5% 
19px: 146.5% 
20px: 153.9% 
21px: 161.6% 
22px: 167% 
23px: 174% 
24px: 182% 
25px: 189% 
26px: 197%

********************/


/*****************************
 others 
******************************/

/* !clearfix */
.clearfix:after, 
.column_wrap:after, 
.content_unit_wrapper:after { 
    visibility: hidden; 
    display: block; 
    font-size: 0; 
    content: " "; 
    clear: both; 
    height: 0; 
}
.clearfix, 
.column_wrap, 
.content_unit_wrapper { 
    display: inline-block; 
    display: block; 
}

/* !fixed */
.fixed { 
	z-index: 100; 
	position: fixed; 
	top: 0px; 
}

/****************************************************
 common_layout_containers 
*****************************************************/

div#container { 
	margin: 0px auto; 
	padding-bottom: 467px; 
	width: 100%; 
}
.footer_min div#container { 
	padding-bottom: 48px; 
}
div.main_column { 
	padding-top: 44px; 
	width: 100%; 
}

div.content_unit { 
	margin: 0 auto; 
	width: 100%; 
}
div.content_unit_wrapper { 
	margin: 0 auto; 
	padding: 36px 24px; 
	width: 912px; 
}
.content_unit_wrapper > p, 
.content_unit_wrapper > ul, 
.content_unit_wrapper > dl, 
.content_unit_wrapper > ol, 
.content_unit_wrapper > table { 
	padding-left: 12px; 
}
div.content_unit_wrapper.column_wrap { 
	padding: 36px 0px; 
	width: 960px; 
}
.content_unit_wrapper.column_wrap div.column_1 { 
	padding: 0px 24px; 
	width: 912px; 
	clear: both; 
}
.content_unit_wrapper.column_wrap div.column_2 { 
	float: left; 
	padding: 0 24px; 
	width: 432px; 
}
.content_unit_wrapper.column_wrap div.column_3 { 
	float: left; 
	padding: 0 24px; 
	width: 272px; 
}
div.column_1 > div, 
div.column_2 > div, 
div.column_3 > div { 
	padding-bottom: 24px; 
	padding-left: 12px; 
}
div.column_1 > div h1, 
div.column_1 > div h2, 
div.column_1 > div h3, 
div.column_2 > div h1, 
div.column_2 > div h2, 
div.column_2 > div h3, 
div.column_3 > div h1, 
div.column_3 > div h2, 
div.column_3 > div h3 { 
	margin-left: -12px; 
}


/*****************************
 globalnavi 
******************************/

#globalnavi { 
	margin-bottom: -44px; 
	background: rgb(88,74,74);
}
#globalnavi_hidden { 
	margin-bottom: -44px; 
	width: 100%; 
	height: 12px;
	background: rgb(88,74,74);
}
#globalnavi.fixed { 
	width: 100%; 
	background: rgb(88,74,74);
	opacity: 0.95; 
}
#globalnavi ul { 
	margin: 0 auto; 
	width: 960px; 
}
#globalnavi li { 
	position: relative; 
	float: left; 
	width: 192px; 
	height: 44px; 
	line-height: 44px; 
	text-align: center; 
	font-size: 108%; 
	background: rgb(88,74,74);
}
#globalnavi li a { 
	display: block; 
	width: 100%; 
	height: 44px; 
	line-height: 44px; 
	text-decoration: none; 
	color: white; 
}
#globalnavi li.now:after { 
	content: ''; 
	display: block; 
	position: absolute; 
	left: 50%; 
	margin-left: -8px; 
	width: 0; 
	height: 0; 
	line-height: 1em; 
	border-top: 8px solid rgb(95,181,0); 
	border-right: 8px solid transparent; 
	border-left: 8px solid transparent; 
	border-bottom: 0px solid transparent; 
	-webkit-transition: all 0.25s ease-in-out; 
	-moz-transition: all 0.25s ease-in-out; 
	-ms-transition: all 0.25s ease-in-out; 
	transition: all 0.25s ease-in-out; 
}
/*
#globalnavi li:hover:after { 
	content: ''; 
	display: block; 
	position: absolute; 
	left: 50%; 
	margin-left: -8px; 
	width: 0; 
	height: 0; 
	line-height: 1em; 
	border-top: 8px solid rgb(104, 212, 58); 
	border-right: 8px solid transparent; 
	border-left: 8px solid transparent; 
	border-bottom: 0px solid transparent; 
	-webkit-transition: all 0.1s ease-in-out; 
	-moz-transition: all 0.1s ease-in-out; 
	-ms-transition: all 0.1s ease-in-out; 
	transition: all 0.1s ease-in-out; 
}
*/
#globalnavi li.now a { 
	background-color: rgb(95,181,0); 
	_background-color: rgb(95,181,0) !important; 
	-webkit-transition: all 0.25s ease-in-out; 
	-moz-transition: all 0.25s ease-in-out; 
	-ms-transition: all 0.25s ease-in-out; 
	transition: all 0.25s ease-in-out; 
}
/*
#globalnavi li a:hover { 
	background-color: rgb(104, 212, 58); 
	-webkit-transition: all 0.1s ease-in-out; 
	-moz-transition: all 0.1s ease-in-out; 
	-ms-transition: all 0.1s ease-in-out; 
	transition: all 0.1s ease-in-out; 
}
*/
#globalnavi li.navi_register a { 
	background-color: rgb(227,104,38); 
}
#globalnavi li.navi_register.now a { 
	background-color: rgb(227,104,38); 
	_background: none; 
}
#globalnavi li.navi_register:after { 
	border-top: 8px solid rgb(255, 116, 0); 
}
/*
#globalnavi li.navi_register a:hover { 
	background-color: rgb(255, 116, 0); 
	background-image: url(../images/common/navi_register_bg_hov.png); 
	background-repeat: no-repeat; 
}
*/
#globalnavi li a i { 
	margin-top: 6px; 
	margin-right: 8px; 
	line-height: 44px; 
	_vertical-align: middle !important; 
}
*+html #globalnavi li a i { 
	vertical-align: middle !important; 
}

/*****************************
  footer
******************************/

div#footer { 
	clear: both; 
	position: relative; 
	margin-top: -467px; 
	height: 467px; 
	color: #FFF;
	background: #584A4A;
}
.footer_min div#footer {
	margin-top: -36px;
	height: 36px;
}
#footer .content_unit_wrapper {
	padding: 36px 0 0; 
	width: 960px;
}
.footer_min #footer .content_unit_wrapper {
	padding: 0; 
}
#footer .wrapper_main { 
	height: 360px; 
	letter-spacing: -.40em; 
}
.footer_min #footer .wrapper_main { 
	display: none;
}
#footer div.box {
	display: inline-block; 
	*display: inline; 
	*zoom: 1; 
	padding: 0px 12px 24px;
	width: 216px;
	vertical-align: top; 
	letter-spacing: normal; 
}
#footer .box p.title {
	padding-bottom: 24px; 
	font-size: 123.1%; 
}
#footer .box ul li {
	padding-left: 2em; 
	line-height: 2em; 
	font-size: 93%; 
	text-indent: -1em; 
	list-style: disc; 
	list-style-position: inside; 
}
#footer .box ul li .sub_info {
	display: block;
	margin-bottom: 0.5em;
	font-size: 85%;
	line-height: 1.4;
	text-indent: 0;
	color: rgb(168, 160, 160); 
}
#footer .wrapper_bottom {
	vertical-align: top; 
}
#footer h2#link_to_top {
	display: inline-block; 
	*display: inline; 
	*zoom: 1; 
	margin: 24px 0 0 40px; 
	padding: 0; 
	line-height: 1.4; 
	vertical-align: top; 
	text-align: center; 
	font-size: 93%; 
}
.footer_min #footer h2#link_to_top {
	margin: 0 0 0 40px; 
	line-height: 36px;
}
#footer h2#link_to_top a {
	color: rgb(168, 160, 160); 
}
#footer #copyright {
	display: inline-block; 
	*display: inline; 
	*zoom: 1; 
	margin: 24px 40px 0 0; 
	padding: 0; 
	vertical-align: top; 
	font-size: 93%; 
	text-align: center;
	color: rgb(168, 160, 160); 
}
.footer_min #footer #copyright {
	margin: 0 40px 0 0; 
	line-height: 36px;
}
#footer a {
	color: #FFF;
	text-decoration: none;
}
#footer a:hover {
	color: #FFF;
	text-decoration: underline;
}


/****************************************************
 common_style_elements 
*****************************************************/

/* !size */

.x-size-s {width: 33% !important;}
.x-size-m {width: 50% !important;}
.x-size-l {width: 75% !important;}
.x-size-full {width: 100% !important;}
.x-size-auto {width: auto !important;}

.y-size-s {height: 33% !important;}
.y-size-m {height: 50% !important;}
.y-size-l {height: 75% !important;}
.y-size-full {height: 100% !important;}
.y-size-auto {height: auto !important;}

h2 { 
	margin: 0; 
	padding: 12px 0px 44px; 
	line-height: 32px; 
	vertical-align: top; 
	font-size: 197%; 
	color: #333333; 
}
h2 i { 
	margin-right: 4px; 
	vertical-align: top; 
}
h3 { 
	padding: 12px 0px 32px; 
	line-height: 32px; 
	font-size: 123.1%;  
	font-size: 138.5%;  
}
a { 
	color: rgb(128, 128, 128); 
}
a, 
a i { 
	-webkit-transition: color  0.25s ease-in-out, background  0.25s ease-in-out; 
	-moz-transition: color 0.25s ease-in-out, background  0.25s ease-in-out; 
	-ms-transition: color 0.25s ease-in-out, background  0.25s ease-in-out; 
	transition: color 0.25s ease-in-out, background  0.25s ease-in-out; 
}
a:hover, 
a:hover i { 
	color: rgb(241, 135, 0); 
	-webkit-transition: color 0.1s ease-in-out, background 0.1s ease-in-out; 
	-moz-transition: color 0.1s ease-in-outt, background 0.1s ease-in-out; 
	-ms-transition: color 0.1s ease-in-outt, background 0.1s ease-in-out; 
	transition: color 0.1s ease-in-outt, background 0.1s ease-in-out; 
}
p { 
	padding-bottom: 1.5em; 
	line-height: 1.6em; 
	font-size: 108%; 
}
table { 
	background-color: white; 
}

/*****************************
 unit_form 
******************************/

/* !structure */

.unit_form {
	margin: 0 auto 2em;
	width: 648px;
}
.block_form {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: 0 auto 1em;
	width: 648px;
	overflow: hidden;
	border-top: 1px solid rgb(208, 204, 204);
	border-right: 1px solid rgb(208, 204, 204);
	border-left: 1px solid rgb(208, 204, 204);
}
.block_form .fieldset {
	display: table;
	table-layout: fixed;
	width: 100%;
	vertical-align: middle;
	border-bottom: 1px solid rgb(208, 204, 204);
}
.block_form .legend {
	display: table-cell;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 0.75em 1em;
	width: 25%;
	line-height: 36px;
	vertical-align: middle;
	font-weight: bold;
	background-color: rgb(244, 244, 244);
}
/* !fix_IE7 */
*:first-child+html .block_form .legend {
	display: block;
	padding: 0.5em 10px;
	width: 628px;
	vertical-align: middle;
}
.block_form .legend .wrap {
	display: inline-block; 
	*display: inline; 
	*zoom: 1; 
	width: 100%;
	line-height: 1.6;
}
.block_form .body {
	display: table-cell;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 0.5em 0 0.5em 1em;
	width: 75%;
	line-height: 36px;
	vertical-align: top;
	letter-spacing: -.40em;
}
.block_form .body > * {
	letter-spacing: normal;
}
/* !fix_IE7 */
*:first-child+html .block_form .body {
	display: block;
	padding: 1em 10px;
	width: 620px;
}
.block_form .body .line {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	display: block;
}
.block_form .body .line + .line {
	border-top: 1px dotted rgb(208, 204, 204);
}
.block_form .body > .line {
	letter-spacing: -.40em;
}
.block_form .body > .line > * {
	letter-spacing: normal;
}
.block_form .body .wrap {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding-right: 1em;
	padding-right: 2em\9;/* !IE8 */
	width: 100%;
	white-space: nowrap;
}
/* !fix_IE7 */
*:first-child+html .block_form .body .wrap {
	padding-right: 0;
}
.separator {
	display: block;
	width: 100%;
	line-height: 1.6;
}
.block_buttons {
	margin: 0 auto 2em;
	text-align: center;
	border: none;
}
.block_buttons .wrap {
	display: inline-block;
	margin: 0 0.5em;
}

/* !parts */

.block_form label {
	margin-right: 0.25em;
}
label {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding-top: 0.5em;
	padding-right: 0.5em\9;/* !IE8 */
	max-width: 84%;
	max-width: none\9;/* !IE8 */
	line-height: 1.4;
	font-size: 108%;
	white-space: normal;
	vertical-align: top;
}
/* !fix_IE7 */
*:first-child+html label {
	max-width: 84%;
}
label.label_hidden {
	display: none;
}
select { 
	display: inline-block; 
	*display: inline; 
	*zoom: 1; 
	margin: 0.5em 1em 0 0; 
	line-height: 1.6;
	max-width: 300px;
	min-width: 0;
	vertical-align: top;
    font-size: 108%;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Robot,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; 
}
/* !fix_IE7 */
select {
        behavior: expression( (function( el ) {
                el.style.width = 
                        el.clientWidth < 0 ?  '0px':
                        el.clientWidth > 300 ? '300px':
                                                'auto';
                el.runtimeStyle.behavior = 'none';
        })( this ));
}
textarea { 
	margin: 0;
	min-height: 96px;
	vertical-align: top;
	resize: vertical; 
}
input[type="radio"],
input[type="checkbox"] {
	margin: 0.8em 0.5em 0 0.5em; 
	vertical-align: top;
	font-size: 100%;
}
input[type="file"], 
input[type="number"] { 
	display: inline-block; 
	margin: 0; 
}
textarea, 
input[type="text"], 
input[type="password"], 
input[type="number"], 
input[type="email"],
input[type="tel"] { 
	box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	-ms-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	margin: 0; 
	padding: 6px;
	width: 100%;
	line-height: 24px;
	vertical-align: top;
    font-size: 108%;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Robot,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; 
	color: black;
/* 	background-color: rgb(250,250,250);  */
	border: 1px solid rgb(192,192,192); 
	-webkit-transition: background-color 0.25s ease-in-out, border 0.25s ease-in-out; 
	-moz-transition: background-color 0.25s ease-in-out, border 0.25s ease-in-out; 
	-ms-transition: background-color 0.25s ease-in-out, border 0.25s ease-in-out; 
	transition: background-color 0.25s ease-in-out, border 0.25s ease-in-out; 
	-webkit-appearance: none !important; 
	-moz-appearance: none !important; 
    -ms-appearance: none !important; 
    -o-appearance: none !important; 
    appearance: none !important; 
}
/* !fix_IE7 */
*:first-child+html textarea, 
*:first-child+html input[type="text"], 
*:first-child+html input[type="password"], 
*:first-child+html input[type="number"], 
*:first-child+html input[type="email"],
*:first-child+html input[type="tel"] { 
	padding: 6px 5%;
	width: 90%;
}
textarea:hover, 
input[type="text"]:hover, 
input[type="password"]:hover, 
input[type="number"]:hover, 
input[type="email"]:hover,
input[type="tel"]:hover { 
	border: 1px solid rgb(81, 76, 73); 
}
textarea:focus, 
input[type="text"]:focus, 
input[type='password']:focus,
input[type="number"]:focus, 
input[type="email"]:focus,
input[type="tel"]:focus { 
	background-color: white; 
	border: 1px solid rgb(255, 116, 0); 
	-webkit-transition: background-color 0.1s ease-in-out, border 0.1s ease-in-out; 
	-moz-transition: background-color 0.1s ease-in-out, border 0.1s ease-in-out; 
	-ms-transition: background-color 0.1s ease-in-out, border 0.1s ease-in-out; 
	transition: background-color 0.1s ease-in-out, border 0.1s ease-in-out; 
}
input.button, /* !for regacy IE */
input.submit, /* !for regacy IE */
input[type="button"], 
input[type="submit"], 
button[type="button"], 
button[type="submit"] { 
	display: inline-block; 
	*display: inline; 
	*zoom: 1; 
	margin: 0 auto; 
	color: white; 
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Robot,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; 
	background-color: #584A4A;
	border: none; 
	appearance: none; 
	-webkit-appearance: none; 
	-moz-appearance: none; 
	-ms-appearance: none; 
	cursor: pointer; 
	border-radius: 3px;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.25); 
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.25); 
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.25); 
	-ms-box-shadow: 0px 1px 2px rgba(0,0,0,0.25); 
	-webkit-transition: all 0.25s ease-in-out; 
	-moz-transition: all 0.25s ease-in-out; 
	-ms-transition: all 0.25s ease-in-out; 
	transition: all 0.25s ease-in-out; 
}
input.button:hover, /* !for regacy IE */
input.submit:hover, /* !for regacy IE */
input[type="button"]:hover, 
input[type="submit"]:hover, 
button[type="button"]:hover, 
button[type="submit"]:hover { 
	background-color: #7d6c6c; 
	-webkit-transition: all 0.1s ease-in-out; 
	-moz-transition: all 0.1s ease-in-out; 
	-ms-transition: all 0.1s ease-in-out; 
	transition: all 0.1s ease-in-out; 
}
a.button,
a.btn { 
	display: inline-block; 
	*display: inline; 
	*zoom: 1; 
	margin:  0 auto; 
	color: white; 
	border: none; 
	text-decoration: none;
	appearance: none; 
	-webkit-appearance: none; 
	-moz-appearance: none; 
	-ms-appearance: none; 
	cursor: pointer; 
	border-radius: 3px;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.25); 
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.25); 
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.25); 
	-ms-box-shadow: 0px 1px 2px rgba(0,0,0,0.25); 
	-webkit-transition: all 0.25s ease-in-out; 
	-moz-transition: all 0.25s ease-in-out; 
	-ms-transition: all 0.25s ease-in-out; 
	transition: all 0.25s ease-in-out; 
}
a.button:hover,
a.btn:hover { 
	-webkit-transition: all 0.1s ease-in-out; 
	-moz-transition: all 0.1s ease-in-out; 
	-ms-transition: all 0.1s ease-in-out; 
	transition: all 0.1s ease-in-out; 
}
a.button > .wrap,
a.btn > .wrap { 
	display: inline-block;
	line-height: 1.4;
	text-align: left;
	vertical-align: middle;
}

/* button_size */
.btn_s {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0.25em 0.75em;
	line-height: 24px;
	font-size: 93%;
	border-radius: 3px;
}
.btn_m {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0.25em 1.5em;
	line-height: 36px;
	font-size: 108%;
	border-radius: 3px;
}
.btn_l {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0.25em 1.5em;
	line-height: 48px; 
	font-size: 123.1%; 
	border-radius: 3px;
}

/* button_color */
.button_red,
.btn_red { 
	background-color: rgb(222,18,3) !important; 
}
.button_red:hover,
.btn_red:hover { 
	background-color: rgb(250, 51, 36) !important; 
}
input[type="submit"], 
button[type="submit"], 
.button_o,
.button_orange,
.btn_orange { 
	background-color: rgb(227, 104, 38) !important; 
}
input[type="submit"]:hover, 
button[type="submit"]:hover, 
.button_o:hover,
.button_orange:hover,
.btn_orange:hover { 
	background-color: rgb(255, 116, 0) !important; 
}
.button_blue,
.btn_blue { 
	background-color: rgb(0,115,204) !important; 
}
.button_blue:hover,
.btn_blue:hover { 
	background-color: rgb(0, 140, 248) !important; 
}
.button_green,
.btn_green { 
	background-color: rgb(99, 189, 61) !important; 
}
.button_green:hover,
.btn_green:hover { 
	background-color: rgb(104, 212, 58) !important; 
}
.button_grey,
.btn_grey { 
	background-color: rgb(120,120,120) !important; 
}
.button_grey:hover,
.btn_grey:hover { 
	background-color: rgb(160,160,160) !important; 
}

/* button_disabled */

input[type="button"][disabled],
input[type="button"].disabled,
input[type="submit"][disabled],
input[type="submit"].disabled,
input.disabled,
button[type="button"][disabled],
button[type="button"].disabled,
button[type="submit"][disabled],
button[type="submit"].disabled,
a.button.disabled,
a.btn.disabled {
	text-shadow: none !important;
	-ms-appearance: none !important;
	cursor: default !important;
	cursor: not-allowed !important;
	pointer-events: none !important;
	color: #c8c8c8 !important;
	background-color: #a0a0a0 !important;
	box-shadow: none; 
	-webkit-box-shadow: none; 
	-moz-box-shadow: none; 
	-ms-box-shadow: none; 
}

/* !button_other */

.block_buttons input[type="button"],
.block_buttons input[type="submit"],
.block_buttons button[type="button"],
.block_buttons button[type="submit"],
.block_buttons a.button,
.block_buttons a.btn {
	margin-top: 1em;
	margin-bottom: 1em;
}

/* !message */

.block_messages {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin-top: 0;
	margin-bottom: 0;
	padding: 1em;
	border: none;
}
.unit_form .help {
	display: block;
	padding: 0.5em 0;
	line-height: 1.6;
	color: rgb(144,144,144);
	white-space: normal;
}
.unit_form .error {
	display: block;
	width: 100%;
	padding: 0.5em 0;
	line-height: 1.6;
	font-weight: bold;
	color: red;
	white-space: normal;
}
.block_messages > ul > li {
	margin-bottom: 0.5em;
	padding-left: 1em;
	text-indent: -1em;
	list-style: disc;
	list-style-position: inside;
}

/*****************************
 functions 
******************************/

/* !to page top */

.to_page_top { 
	clear: both; 
	text-align: right; 
	line-height: 36px; 
}
.to_page_top a { 
	display: inline-block; 
	*display: inline; 
	*zoom: 1; 
	width: auto; 
	height: 36px; 
	line-height: 36px; 
	text-align: right; 
}

/* !banner_to_entry */

.banner_to_entry { 
	position: fixed; 
	right: 0; 
	bottom: 0px; 
	display: block; 
	width: 96px; 
	height: 96px; 
	opacity: 0.8; 
	-webkit-transition: opacity 0.25s ease-in-out; 
	-moz-transition: opacity 0.25s ease-in-out; 
	-ms-transition: opacity 0.25s ease-in-out; 
	transition: opacity 0.25s ease-in-out; 
}
.banner_to_entry a { 
	color: white; 
	text-decoration: none; 
}
.banner_to_entry:hover { 
	opacity: 1; 
	-webkit-transition: opacity 0.1s ease-in-out; 
	-moz-transition: opacity 0.1s ease-in-out; 
	-ms-transition: opacity 0.1s ease-in-out; 
	transition: opacity 0.1s ease-in-out; 
}

/* !unit_to_entry */

div.unit_to_entry { 
	position: relative; 
	background-color: #56a40a; 
	-webkit-transition: background-color 0.25s ease-in-out; 
	-moz-transition: background-color 0.25s ease-in-out; 
	-ms-transition: background-color 0.25s ease-in-out; 
	transition: background-color 0.25s ease-in-out; 
}
div.unit_to_entry { 
	margin-top: -1px; 
}
div.unit_to_entry:hover { 
	background-color: rgb(255, 116, 0); 
	-webkit-transition: background-color 0.1s ease-in-out; 
	-moz-transition: background-color 0.1s ease-in-out; 
	-ms-transition: background-color 0.1s ease-in-out; 
	transition: background-color 0.1s ease-in-out; 
}
.unit_to_entry div.content_unit_wrapper.column_wrap { 
	position: relative; 
	width: 100%; 
	padding: 0; 
	text-align: center; 
	width: 960px !important; 
	margin: 0 auto; 
}
.unit_to_entry .content_unit_wrapper.column_wrap div.column_1 { 
	padding: 0px 24px; 
}
.unit_to_entry div.column_1 > div { 
	padding: 0; 
}


/*****************************
 inline_styling 
******************************/

/* !float */

.float_l { 
	float: left; 
}
.float_r { 
	float: right; 
}

/* !font */

.font_bold { 
	font-weight: bold; 
}

/* !color */

.attention { 
	color: rgb(147, 0, 14) !important; 
	font-family: Helvetica,Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Robot,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; 
}
.accent { 
	color: #56a40a !important; 
}
.pale { 
	color: #999999; 
}
.color_base { 
	color: #178c91; 
}
.color_base_light { 
	color: #0a9da3; 
}
.color_hover { 
	color: #04b2b9; 
}
.color_orange { 
	color: #eb6100; 
}
.color_blue { 
	color: #00b7e0; 
}
.color_light_blue { 
	color: #87cefa; 
}
.color_green { 
	color: #009944; 
}

/* !text */

.underline { 
	text-decoration: underline; 
}

/* !text_omitting */

.ellipsis { 
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis; 
}

/* !text_align */

.cs_center,
.txtCenter,
.tx_center { 
	text-align: center !important; 
}
.cs_right,
.txtRight,
.tx_right { 
	text-align: right !important; 
}
.cs_left,
.txtLeft,
.tx_left { 
	text-align: left !important; 
}

/* !centering_blocks */

.centering {
	display: inline-block; 
	*display: inline; 
	*zoom: 1; 
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

/* !width */

.w10 { width: 10px !important; }
.w20 { width: 20px !important; }
.w30 { width: 30px !important; }
.w40 { width: 40px !important; }
.w50 { width: 50px !important; }
.w60 { width: 60px !important; }
.w70 { width: 70px !important; }
.w80 { width: 80px !important; }
.w90 { width: 90px !important; }
.w100 { width: 100px !important; }

.w110 { width: 110px !important; }
.w120 { width: 120px !important; }
.w130 { width: 130px !important; }
.w140 { width: 140px !important; }
.w150 { width: 150px !important; }
.w160 { width: 160px !important; }
.w170 { width: 170px !important; }
.w180 { width: 180px !important; }
.w190 { width: 190px !important; }
.w200 { width: 200px !important; }

.w220 { width: 220px !important; }
.w240 { width: 240px !important; }
.w260 { width: 260px !important; }
.w280 { width: 280px !important; }
.w300 { width: 300px !important; }
.w320 { width: 320px !important; }
.w340 { width: 340px !important; }
.w360 { width: 360px !important; }
.w380 { width: 380px !important; }
.w400 { width: 400px !important; }
.w420 { width: 420px !important; }
.w440 { width: 440px !important; }
.w460 { width: 460px !important; }
.w480 { width: 480px !important; }
.w500 { width: 500px !important; }
.w520 { width: 520px !important; }
.w540 { width: 540px !important; }
.w560 { width: 560px !important; }
.w580 { width: 580px !important; }
.w600 { width: 600px !important; }
.w620 { width: 620px !important; }
.w640 { width: 640px !important; }
.w660 { width: 660px !important; }
.w680 { width: 680px !important; }
.w700 { width: 700px !important; }
.w720 { width: 720px !important; }
.w740 { width: 740px !important; }
.w760 { width: 760px !important; }
.w780 { width: 780px !important; }
.w800 { width: 800px !important; }
.w820 { width: 820px !important; }
.w840 { width: 840px !important; }
.w860 { width: 860px !important; }
.w880 { width: 880px !important; }
.w900 { width: 900px !important; }
.w920 { width: 920px !important; }
.w940 { width: 940px !important; }
.w960 { width: 960px !important; }
.w980 { width: 980px !important; }

/* !height */

.h60 { height: 60px; }
.h120 { height: 120px; }
.h180 { height: 180px; }
.h240 { height: 240px; }
.h300 { height: 300px; }
.h360 { height: 360px; }
.h420 { height: 420px; }
.h480 { height: 480px; }
.h540 { height: 540px; }
.h600 { height: 600px; }
.h660 { height: 660px; }
.h720 { height: 720px; }
.h780 { height: 780px; }
.h840 { height: 840px; }
.h900 { height: 900px; }

/* !inline-block */

.inblc { 
	display: inline-block; 
}
span.caps, 
span.contents { 
	display: inline-block; 
}

/****************************************************
 fix old site 
*****************************************************/

.shadow_box { 
	margin-bottom: 24px; 
	padding-top: 24px; 
	padding-left: 12px; 
	border-top: 1px solid rgb(200,200,200); 
}
.shadow_box.border_none, 
.column_2 .shadow_box, 
.column_3 .shadow_box { 
	padding-top: 0; 
	border: none; 
}
.shadow_box h3 { 
	margin-left: -13px; 
	font-weight: bold; 
}
.txtRight { 
	text-align: right; 
}
.indent1 { 
	padding-left: 12px; 
}
.bold { 
	padding: 24px 0; 
	font-weight: bold; 
}
.shadow_box ul.about { 
	margin-bottom: 1em; 
	padding-left: 24px; 
}
.pageTop { 
	margin-bottom: 48px; 
	text-align: right; 
}
.pageLink { 
/* 	padding-bottom: 24px; 	 */
}

/*******************
 information 
********************/

#information { 
}
h3.info { 
	font-weight: bold; 
	color: #b22f2b !important; 
}

/*******************
 company 
********************/

.shadow_box table {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 15px;
	padding: 0px; 
	border: 1px solid rgb(208, 204, 204);
	line-height: 150%;
}
.shadow_box table tr th {
	padding: 8px 8px 8px 14px;
	width: 120px;
	font-weight: bold;
	border: 1px solid rgb(208, 204, 204);
	background-color: rgb(249, 250, 249); 
	background-color: rgb(248,246,240); 
}
.shadow_box table tr td {
	padding: 8px;
	color: rgb(89, 74, 74); 
	border: 1px solid rgb(208, 204, 204);
}

/****************************************************
 common 
*****************************************************/

/****************************************************
 top 
*****************************************************/

div#top_header { 
	margin: 0 auto; 
	height: 180px; 
}
div#top_header .content_unit_wrapper { 
	margin: 0 auto; 
	padding: 0; 
	width: 960px; 
	height: 180px; 
}
#top_header .content_unit_wrapper > a { 
	display: block;
	height: 100%;
	text-decoration: none;
}
#top_header	h1 { 
	z-index: 2;
	position: absolute;
	top: 0;
	margin: 0 auto; 
	padding: 1em 12px 0 12px; 
	font-size: 93%;
	color: #cccccc; 
}
#top_header img { 
	z-index: 1;
	position: absolute;
	top: 0;
}
#top_header	p.regist_num { 
	float: left; 
	padding-top: 16px; 
	padding-left: 105px; 
	padding-bottom: 0; 
	width: 265px; 
	color: #888888; 
	letter-spacing: 0.25em; 
	font-size: 93%; 
}
#top_header	.regist_num span.num { 
	font-weight: bold; 
}
#top_header	p.main_theme { 
	float: left; 
	padding-left: 104px; 
	padding-top: 47px; 
	width: 265px; 
	color: #888888; 
	letter-spacing: 0.1em; 
	font-size: 93%; 
}

/*****************************
 top_users 
******************************/

div#top_users { 
	height: 330px; 
	background: url(../images/common/top_users_bg.png) center bottom no-repeat; 
	background-position: center bottom; 
	background-repeat: no-repeat; 
	border-bottom: 1px solid rgb(88,74,74); 
}
#top_users div.content_unit_wrapper_ex { 
	background: url(../images/common/top_users_bg_scroll.png) center bottom repeat-x; 
	-webkit-animation-name:'anime';
	-webkit-animation-duration: 50s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name:anime;
	-moz-animation-duration: 50s;
	-moz-animation-timing-function:linear;
	-moz-animation-iteration-count:infinite;
	animation-name:anime;
	animation-duration: 50s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
}
@-webkit-keyframes 'anime'{
	0%{
		background-position: 0px bottom; 
	}
	100%{
		background-position: 1440px bottom; 
	}
}
@-moz-keyframes anime{
	from{
		background-position: 0px bottom; 
	}
	to{
		background-position: 1440px bottom; 
	}
}
@keyframes anime{
	from{
		background-position: 0px bottom; 
	}
	to{
		background-position: 1440px bottom; 
	}
}

#top_users div.content_unit_wrapper { 
	height: 258px; 
	text-align: center; 
}
#top_users p { 
	padding: 24px 0 0; 
	font-size: 153.9%; 
	color: #888888; 
}
#top_users h2 { 
	margin: 0; 
	padding: 4px 0 0; 
	font-size: 240%; 
	font-size: 220%; 
	font-weight: bold; 
}

/*****************************
 top_features 
******************************/

div.top_features { 
	padding-top: 12px; 
	height: 320px; 
	border-bottom: 1px solid rgb(88,74,74); 
}
.top_features div.content_unit_wrapper { 
	height: 216px; 
}
.top_features h2 { 
	margin: 0; 
	padding: 12px 0px 40px; 
	height: 32px; 
	line-height: 32px; 
	vertical-align: top; 
/* 	font-weight: bold;  */
	color: #333333; 
}
.top_features h2 i { 
/* 	margin-left: 4px;  */
	vertical-align: top; 
}
.top_features h2 i:last-child { 
	margin-left: 4px; 
}
.top_features h2 a { 
	display: inline-block; 
	*display: inline; 
	*zoom: 1; 
	height: 32px; 
	line-height: 32px; 
	color: #333333; 
	text-decoration: none; 
}
.top_features h2 a .accent { 
	color: rgb(95,181,0); 
	color: rgb(178,147,143); 
}
.top_features h2 a:hover { 
	text-decoration: underline; 
}
.top_features h2 a:hover .accent { 
}
.top_features p.detail { 
	padding-left: 0; 
	font-size: 100%; 
}

/* !event */

div.top_features.event { 
	background: url(../images/ja_JP/common/top_features_event.png) center bottom no-repeat; 
	background-color: rgb(252, 251, 249); 
}

/* !file_photo */

div.top_features.photo_folder { 
	text-align: right; 
	background: url(../images/ja_JP/common/top_features_photo_folder.png) center bottom no-repeat; 
}

/* !bbs_tweet */

div.top_features.bbs_tweet { 
	background: url(../images/ja_JP/common/top_features_bbs_tweet.png) center bottom no-repeat; 
	background-color: rgb(252, 251, 249); 
}

/* !mail */

div.top_features.mail { 
	text-align: right; 
	background: url(../images/ja_JP/common/top_features_mail.png) center bottom no-repeat; 
}

/* !funclist */

div.top_features.funclist { 
	height: auto; 
	background-color: rgb(252, 251, 249); 
}
.top_features.funclist div.content_unit_wrapper { 
	height: auto; 
}
.top_features.funclist ul.func_list { 
	margin: 0 auto 24px; 
	padding-left: 0; 
	width: 800px; 
	background-color: white; 
	border-top: 1px solid rgb(230,228,224); 
}
.top_features.funclist .func_list li { 
	float: left; 
	margin-right: -1px; 
	padding-top: 16px; 
	width: 99px; 
	height: 72px; 
	_height: 88px; 
	text-align: center; 
	border-left: 1px solid rgb(230,228,224); 
	border-right: 1px solid rgb(230,228,224); 
	border-bottom: 1px solid rgb(230,228,224); 
}
.top_features.funclist .func_list p.title { 
	text-decoration: none; 
	font-size: 93%; 
	line-height: 1.2; 
}
.top_features.funclist .func_list p.icon { 
	padding-bottom: 6px; 
}
.top_features.funclist .func_list li p.caption { 
	padding: 12px 28px; 
	line-height: 1.2; 
	text-align: left; 
	font-size: 100%; 
	color: rgb(160,160,160); 
}
.top_features.funclist .func_list li a { 
	text-decoration: none; 
}

/* !top_users_case */

div.content_unit.top_users_case { 
	text-align: center; 
	border-bottom: 1px solid rgb(210,210,210); 
}
.content_unit.top_users_case p { 
	color: rgb(88,74,74); 
}
.content_unit.top_users_case img { 
	margin-bottom: 1em; 
}

/* !top_ex_contents */

div.content_unit.top_ex_contents { 
	height: auto; 
	padding-top: 32px; 
	text-align: center; 
	background-color: rgb(252, 251, 249); 
	border-bottom: 1px solid rgb(210,210,210); 
}
.top_ex_contents div.content_unit_wrapper { 
	height: auto; 
	padding: 36px 0; 
	width: 960px; 
}
.top_ex_contents ul { 
	padding-left: 0 !important; 
	letter-spacing: -.40em; 
}
.top_ex_contents ul li { 
	display: inline-block; 
	*display: inline; 
	*zoom: 1; 
	margin: 8px;
	width: 174px;
	text-align: center; 
	vertical-align: top; 
	letter-spacing: normal; 
}
.top_ex_contents li.apps { 
	width: 420px;
}
.top_ex_contents ul li p { 
	padding-bottom: 0; 
}
.top_ex_contents li p.pics { 
	margin-bottom: 16px; 
	border: 1px solid rgb(224,224,224); 
	-webkit-transition: all 0.25s ease-in-out; 
	-moz-transition: all 0.25s ease-in-out; 
	-ms-transition: all 0.25s ease-in-out; 
	transition: all 0.25s ease-in-out; 
}
.top_ex_contents .pics img { 
	width: 172px;
	height: auto;
}
.top_ex_contents li p.pics.apps { 
	border: none; 
}
.top_ex_contents li p.pics.apps a { 
	display: inline-block;
}
.top_ex_contents li p.pics.apps img { 
	border: 1px solid rgb(224,224,224); 
	margin-bottom: -2px; 
}
.top_ex_contents li p.pics:hover, 
.top_ex_contents li p.pics.apps img:hover { 
	position: relative; 
	border-color: rgb(88,74,74);
	-webkit-transition: all 0.1s ease-in-out; 
	-moz-transition: all 0.1s ease-in-out; 
	-ms-transition: all 0.1s ease-in-out; 
	transition: all 0.1s ease-in-out; 
}
.top_ex_contents li p.title { 
	padding-bottom: 12px; 
	font-size: 116%; 
	font-size: 123.1%; 
}
.top_ex_contents li p.caption { 
	font-size: 93%; 
	color: #888888; 
	text-align: left;
}

/*****************************
 top_news 
******************************/

.top_news table { 
	margin: 0 auto 40px; 
	padding-left: 0; 
	width: 672px; 
	font-size: 116%; 
	border-bottom: 1px solid rgb(208, 204, 204);
}
.top_news table th, 
.top_news table td { 
	padding: 0.5em; 
	line-height: 32px; 
	vertical-align: top; 
	border-top: 1px solid rgb(208, 204, 204);
}
.top_news table th { 
	padding: 0.5em 1em; 
	font-weight: bold; 
	color: rgb(95,181,0); 
}
.top_news table td a { 
	display: block; 
	position: relative; 
	padding-right: 32px; 
	text-decoration: none; 
}
.top_news table td i { 
	position: absolute; 
	top: 0; 
	right: 0; 
}

/****************************************************
 func_common 
*****************************************************/

#func_list { 
}
#func_list .content_unit { 
	border-bottom: 1px solid rgb(210,210,210); 
}
#func_list div.func_head { 
	width: 100%; 
}
#func_list h2.func_title { 
	float: left; 
	width: 50%; 
	vertical-align: top; 
}
#func_list h3 { 
	font-weight: bold; 
}
#func_list p.func_description { 
	padding-top: 12px; 
	margin-bottom: 32px; 
}
#func_list div.func_detail_list { 
	float: left; 
	padding: 0 24px; 
	width: 408px; 
}
#func_list div.func_detail_list li { 
	padding-left: 2em; 
	padding-bottom: 8px; 
	list-style: disc; 
	list-style-position: inside; 
	text-indent: -1em; 
	font-size: 116%; 
}
#func_list div.func_detail_screens { 
	float: left; 
	padding: 0 24px; 
	width: 408px; 
}
#func_list div.func_detail_screens li { 
	float: left; 
	padding: 8px 0; 
	width: 50%; 
	text-align: center; 
}
#func_list div.func_detail_screens li img { 
	border: 1px solid rgb(224,224,224); 
}
#func_list .to_page_top { 
	padding: 0; 
}
#func_list .to_page_top a { 
	padding: 0 8px 0 40px; 
	color: white; 
	text-decoration: none; 
	background: url(../images/common/funclist_to_page_top_bg.png) left top no-repeat; 
	background-color: rgba(88,74,74,0.5);
	-webkit-transition: background-color 0.25s ease-in-out; 
	-moz-transition: background-color 0.25s ease-in-out; 
	-ms-transition: background-color 0.25s ease-in-out; 
	transition: background-color 0.25s ease-in-out; 
}
#func_list .to_page_top a:hover { 
	background-color: rgb(88,74,74);
	-webkit-transition: background-color 0.1s ease-in-out; 
	-moz-transition: background-color 0.1s ease-in-out; 
	-ms-transition: background-color 0.1s ease-in-out; 
	transition: background-color 0.1s ease-in-out; 
}

/*****************************
 func_list_box(icons) 
******************************/

.func_list_box ul.func_list { 
	margin: 12px auto 12px -24px; 
	width: 960px; 
	border-top: 1px solid rgb(230,230,230); 
	background-color: white; 
}
.func_list_box .func_list li { 
	float: left; 
	margin-right: -1px; 
	padding-top: 16px; 
	width: 239px; 
	height: 184px; 
	text-align: center; 
	border-left: 1px solid rgb(230,230,230); 
	border-right: 1px solid rgb(230,230,230); 
	border-bottom: 1px solid rgb(230,230,230); 
}
.func_list_box .func_list p.icon { 
	padding-bottom: 6px; 
}
.func_list_box .func_list p.title { 
	padding-bottom: 6px; 
	text-decoration: none; 
	font-size: 108%; 
	font-weight: bold; 
}
.func_list_box .func_list li p.caption { 
	padding: 12px 28px; 
	line-height: 1.2; 
	text-align: left; 
	font-size: 100%; 
	color: rgb(160,160,160); 
}
.func_list_box .func_list li a { 
	display: block; 
	text-decoration: none; 
}

#func_list div#func_event,
#func_list div#func_folder,
#func_list div#func_tweet,
#func_list div#func_mail,
#func_list div#func_link,
#func_list div#func_person,
#func_list div#func_place, 
#func_list div#func_admin { 
	background-color: rgb(252, 251, 249); 
}


/****************************************************
 faq 
*****************************************************/

#faq .content_unit { 
	border-bottom: 1px solid rgb(210,210,210); 
}
.content_unit_wrapper > ul.faq_list { 
	padding: 0 24px 24px;
}
.faq_list li { 
	margin: 0; 
	padding: 0.75em 0.75em 0.75em 36px;
	text-indent: -36px; 
	vertical-align: top; 
	color: rgb(80, 130, 20); 
}
.faq_list li.answer { 
	margin-bottom: 1.5em; 
	padding-bottom: 1.5em; 
	border-bottom: 1px solid rgb(224,224,224); 
	color: rgb(81, 76, 73); 
}
.faq_list li.answer:last-child { 
	border: none; 
}
.faq_list li i { 
	margin-top: -8px; 
	margin-right: 4px; 
	margin-bottom: -0.25em;
	vertical-align: top; 
}
.faq_list li a { 
	text-decoration: underline; 
}

/****************************************************
 loginform 
*****************************************************/

/* !account_view */

#login_box .account_info {
	position: relative;
	margin-bottom: 32px;
	padding: 1em;
	height: auto;
	min-height: 120px;
	background-color: rgb(240,240,240);
}
#login_box .account_info:before {
	display: block;
	content: "";
	position: absolute;
	bottom: -16px;
	left: 20px;
	width: 0;
	height: 0;
	line-height: 1em;
	border-top: 16px solid rgb(230,230,230);
	border-top: 16px solid rgb(240,240,240);
	border-right: 16px solid transparent;
	border-left: 16px solid transparent;
	border-bottom: 0px solid transparent;
}
#login_box .account_info .circle_logo {
	float: left;
	padding-right: 24px;
	width: 120px;
	height: 120px;
	line-height: 120px;
	text-align: center;
	background-color: rgb(240,240,240);
}
#login_box .account_info .circle_logo img {
	max-width: 120px;
	max-height: 120px;
	line-height: 120px;
	height: auto;
}
#login_box .account_info .circle_name {
	padding: 0 1em 1em;
	line-height: 1.4;
	font-weight: bold;
	color: rgb(125, 117, 114);
	border-bottom: 1px solid rgb(230,230,230);
}
#login_box .account_info .user_icon_name {
	padding: 1em 1em 0;
}
#login_box .account_info .user_icon {
	display: table-cell;
}
#login_box .account_info .user_icon img {
	width: 50px;
	margin-right: 0.5em;
	height: auto;
}
#login_box .account_info .user_name {
	display: table-cell;
	font-weight: bold;
	vertical-align: middle;
	color: rgb(99, 189, 61);
}

/* !future view */

.login_table {
	width: 100%;
	margin-bottom: 1.5em;
}
.login_table th,
.login_table td { 
	padding: 0.5em 0; 
}
#login_box .login_table th { 
	font-size: 108%; 
	font-weight: bold; 
	color: rgb(99, 189, 61);
}
#login_box .login_table td { 
	width: 75%;
}
#login_box label {
	max-width: none;
	width: 100%;
}
#login_box .login_table td input[type="text"],
#login_box .login_table td input[type="password"] {
	margin: 0;
	padding: 0.5em;
	width: 100%;
	max-width: 100%;
	line-height: 36px;
	font-size: 108%; 
}
input.readonly {
	font-weight: bold;
	color: rgb(125, 117, 114);
	background-color: rgb(240,240,240) !important;
	border: 1px solid rgb(240,240,240) !important;
	
}
#login_box input[type="submit"].button_o {
	width: 100%; 
	height: 48px; 
	line-height: 48px; 
	font-size: 123.1%; 
	color: white; 
	background-color: rgb(227,104,38); 
	background-image: url(../images/common/login_submit_bg.png); 
	background-size: 32px 32px; 
	background-repeat: no-repeat; 
	background-position: 6px 8px; 
	border: none; 
	appearance: none; 
	-webkit-appearance: none; 
	-moz-appearance: none; 
	-ms-appearance: none; 
	cursor: pointer; 
	box-shadow: 0px 1px 2px rgba(0,0,0,0.25); 
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.25); 
	-webkit-transition: background-color 0.25s ease-in-out; 
	-moz-transition: background-color 0.25s ease-in-out; 
	-ms-transition: background-color 0.25s ease-in-out; 
	transition: background-color 0.25s ease-in-out; 
}
#login_box input[type="submit"].button_o:hover { 
	background-color: rgb(255, 116, 0); 
	-webkit-transition: background-color 0.1s ease-in-out; 
	-moz-transition: background-color 0.1s ease-in-out; 
	-ms-transition: background-color 0.1s ease-in-out; 
	transition: background-color 0.1s ease-in-out; 
}
.switch_account a { 
	display: block; 
	margin: 0 auto; 
	width: 100%; 
	height: 48px; 
	line-height: 48px; 
	font-size: 123.1%; 
	text-align: center; 
	text-decoration: none; 
	color: white; 
	background-color: rgb(99, 189, 61); 
	background-image: url(../images/common/login_switch_account_bg.png); 
	background-size: 32px 32px; 
	background-repeat: no-repeat; 
	background-position: 6px 8px; 
	border-radius: 3px;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.25); 
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.25); 
	-webkit-transition: background-color 0.25s ease-in-out; 
	-moz-transition: background-color 0.25s ease-in-out; 
	-ms-transition: background-color 0.25s ease-in-out; 
	transition: background-color 0.25s ease-in-out; 
}
.switch_account a:hover { 
	background-color: rgb(104, 212, 58); 
	-webkit-transition: background-color 0.1s ease-in-out; 
	-moz-transition: background-color 0.1s ease-in-out; 
	-ms-transition: background-color 0.1s ease-in-out; 
	transition: background-color 0.1s ease-in-out; 
}
#login_box .sub_info a { 
	color: rgb(180,180,180); 
	font-weight: bold; 
	font-size: 108%; 
}
#login_box .login_error { 
	color: red; 
}
#login_box .keep_login { 
	text-align: center; 
}
#login_box .keep_login input[type="checkbox"] { 
	margin-top: 0;
	margin-right: 0.5em; 
	vertical-align: middle;
}
#loginform div#login_notice { 
	margin-left: 24px; 
	padding-top: 12px; 
	padding-bottom: 36px; 
	width: 408px; 
	background-color: rgb(248,248,248); 
}
#loginform h3, 
#loginform #login_box h3, 
#loginform #login_notice h3 { 
	margin-bottom: 36px; 
	padding-bottom: 24px; 
	line-height: 32px; 
	vertical-align: top; 
	border-bottom: 1px solid rgb(192,192,192); 
}
#loginform h3 i {
	margin-right: 4px; 
}
#loginform div#login_notice h4 { 
	margin-left: 0.5em;
	padding-bottom: 1.5em; 
	font-size: 116%; 
	font-weight: bold; 
}
#loginform div#login_notice p + h4 { 
	padding-top: 1em;
}
#loginform div#login_notice p { 
	padding-left: 1em;
	padding-bottom: 1em;
	line-height: 1.6;
	font-size: 100%;
}
#loginform div#login_notice ul { 
	margin-bottom: 1em;
	padding-left: 1em;
}
#loginform div#login_notice li { 
	padding-bottom: 0.5em;
	padding-left: 1em;
	text-indent: -1em;
	list-style-type: disc;
	list-style-position: inside;
}
#loginform #login_box ul.loginform { 
}
#loginform #login_box ul.loginform li { 
	padding: 8px 0; 
}
#loginform #login_box ul.loginform li.login_error { 
	color: red; 
}
#loginform #login_box ul.loginform li.login_keep { 
	text-align: right; 
}
#loginform #login_box ul.loginform li.login_keep input.checkbox { 
	margin-right: 4px; 
}
#loginform #login_box ul.loginform li .cap { 
	padding: 0 4px; 
	line-height: 30px; 
	font-size: 108%; 
	font-weight: bold; 
}
#loginform #login_box ul.loginform li .text { 
	float: right; 
	padding: 4px; 
	width: 288px; 
	line-height: 24px; 
	font-size: 108%; 
/* 	border: 1px solid rgb(160,160,160);  */
}
#loginform #login_box .loginform input.submit { 
	width: 100%; 
	height: 48px; 
	line-height: 48px; 
	font-size: 123.1%; 
	color: white; 
	background-color: rgb(227,104,38); 
	background-image: url(../images/common/login_submit_bg.png); 
	background-size: 32px 32px; 
	background-repeat: no-repeat; 
	background-position: 6px 8px; 
	border: none; 
	appearance: none; 
	-webkit-appearance: none; 
	-moz-appearance: none; 
	-ms-appearance: none; 
	cursor: pointer; 
	box-shadow: 0px 1px 2px rgba(0,0,0,0.25); 
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.25); 
	-webkit-transition: background-color 0.25s ease-in-out; 
	-moz-transition: background-color 0.25s ease-in-out; 
	-ms-transition: background-color 0.25s ease-in-out; 
	transition: background-color 0.25s ease-in-out; 
}
#loginform #login_box .loginform input.submit:hover { 
	background-color: rgb(255, 116, 0); 
	-webkit-transition: background-color 0.1s ease-in-out; 
	-moz-transition: background-color 0.1s ease-in-out; 
	-ms-transition: background-color 0.1s ease-in-out; 
	transition: background-color 0.1s ease-in-out; 
}
#login_box .switch_account a { 
	display: block; 
	margin: 0 auto; 
	width: 100%; 
	height: 48px; 
	line-height: 48px; 
	font-size: 123.1%; 
	text-align: center; 
	text-decoration: none; 
	color: white; 
	background-color: rgb(99, 189, 61); 
	background-image: url(../images/common/login_switch_account_bg.png); 
	background-size: 32px 32px; 
	background-repeat: no-repeat; 
	background-position: 6px 8px; 
	box-shadow: 0px 1px 2px rgba(0,0,0,0.25); 
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.25); 
	-webkit-transition: background-color 0.25s ease-in-out; 
	-moz-transition: background-color 0.25s ease-in-out; 
	-ms-transition: background-color 0.25s ease-in-out; 
	transition: background-color 0.25s ease-in-out; 
}
#login_box .switch_account a:hover { 
	background-color: rgb(104, 212, 58); 
	-webkit-transition: background-color 0.1s ease-in-out; 
	-moz-transition: background-color 0.1s ease-in-out; 
	-ms-transition: background-color 0.1s ease-in-out; 
	transition: background-color 0.1s ease-in-out; 
}
#loginform #login_box ul.loginform li.ssl { 
	text-align: right; 
}
#loginform #login_box ul.loginform li.ssl a { 
	color: rgb(188,188,188); 
	font-weight: bold; 
	font-size: 108%; 
}


/****************************************************
 entry 
*****************************************************/

#entry div.content_unit { 
	background: url(../images/common/entry_bg.png) center bottom repeat-x; 
}

/****************************************************
 plan 
*****************************************************/

#plan h3.accent { 
	font-weight: bold; 
}

/*****************************
 index 
******************************/

table.options {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 15px;
	padding: 0px; 
	border: 1px solid rgb(208, 204, 204);
	line-height: 150%;
}

table.options tr th {
	padding: 8px 8px 8px 14px;
	width: 200px;
	font-weight: bold;
	border: 1px solid rgb(208, 204, 204);
	background-color: rgb(249, 250, 249); 
}
table.options tr th.option_category{
	border: 1px solid rgb(208, 204, 204);
	background-color: rgb(249, 250, 249); 
}
table.options tr td {
	padding: 8px;
	color: rgb(89, 74, 74); 
	border: 1px solid rgb(208, 204, 204);
}
#plan .regist_way { 
	margin-top: 24px; 
	padding: 12px 12px 0px;
}
#plan .regist_way p { 
	padding-left: 0; 
}

/*****************************
 person 
******************************/

/*****************************
 new 
******************************/

#plan_new .plan_ads { 
	background-color: rgb(255, 236, 234); 
}
#plan_new .plan_func { 
	background-color: rgb(221, 255, 223); 
}
#plan_new .plan_enlarge { 
	background-color: rgb(226, 219, 255); 
}
#plan_new table.table_plan td.plan { 
	width: 32px; 
	height: 32px; 
}
table.plan_new_20120201 { 
	margin: 36px auto; 
	border: 2px solid rgb(208, 204, 204);
	border: 2px solid rgb(196, 192, 192);
}
table.plan_new_20120201 th,
table.plan_new_20120201 td { 
	padding: 12px; 
	border-right: 1px solid rgb(196, 192, 192);
	border-bottom: 1px solid rgb(196, 192, 192);
}
table.plan_new_20120201 .option_category { 
	font-weight: bold;
	background-color: rgb(240, 241, 240); 
}
table.plan_new_20120201 tr th {
	border-right: 1px solid rgb(196, 192, 192);
	border-bottom: 1px solid rgb(196, 192, 192);
}
table.plan_new_20120201 tr th.option_category{
}
table.plan_new_20120201 tr td {
	text-align: center;
	border-right: 1px solid rgb(196, 192, 192);
	border-bottom: 1px solid rgb(196, 192, 192);
}
table.plan_new_20120201 tr th.plan_boundary, 
table.plan_new_20120201 tr td.plan_boundary {
	border-right: 2px solid rgb(196, 192, 192);
}

/****************************************************
 inquire 
*****************************************************/

.faq_list.inquire { 
	margin-bottom: 48px; 
}
.faq_list.inquire li.open { 
	margin-top: 0.75em;
	padding-top: 1.5em; 
	border-top: 1px solid rgb(224,224,224); 
	text-decoration: underline; 
	cursor: pointer; 
}
.faq_list.inquire li.answer { 
	display: none;
	margin-bottom: 0;
	padding-top: 0.75em; 
	padding-bottom: 0.75em; 
	font-weight: bold;
	border: none; 
/*
	opacity: 0;
	margin-bottom: 0;
	padding-top: 0; 
	padding-bottom: 0;
	height: 0;
*/
}
.faq_list.inquire li.answer.active { 
/*
	display: list-item;
	opacity: 1;
	padding-top: 0.75em; 
	padding-bottom: 0.75em; 
	height: auto;
	font-weight: bold;
	transition: opacity 0.25s ease-in-out; 
	-webkit-transition: opacity 0.25s ease-in-out; 
	-moz-transition: opacity 0.25s ease-in-out; 
	-ms-transition: opacity 0.25s ease-in-out; 
*/
}
.notes_balloon { 
	margin: 0px; 
	padding: 0px; 
}
.notes_balloon p { 
	margin: 0px !important; 
	padding: 0.5em 1em; 
	border-radius: 10px; 
}
.notes_balloon .corner { 
	position: relative; 
	height: 0px; 
	width: 0px; 
	line-height: 1em; 
}

/* !balloon_a */
.balloon_a { 
	margin: 0px auto; 
	width: 96%; 
}
.balloon_a p { 
	display: inline-block; 
	*display: inline; 
	*zoom: 1; 
	font-size: 108%; 
	color: white; 
	background: rgb(139, 194, 65); 
}
.balloon_a p a { 
	color: white; 
}
.balloon_a .corner { 
	margin-left: 50px; 
	border-top: 10px solid rgb(139, 194, 65); 
	border-right: 10px solid white; 
	border-bottom: 10px solid white; 
	border-left: 10px solid white; 
}

/* !entry form */

h2#inquire_form { 
	padding-bottom: 12px; 
	border-bottom: 1px solid rgb(224,224,224); 
}

/****************************************************
 switchAuth 
*****************************************************/

#switch_auth_display { 
	text-align: center; 
	letter-spacing: -.40em;
}
#switch_auth_display > * { 
	letter-spacing: normal;
}
#switch_auth_display p.create_new_account { 
	text-align: right;
	padding-right: 1em;
	padding-bottom: 1em;
	letter-spacing: normal;
}
#switch_auth_display p.create_new_account a { 
	display: inline-block; 
	*display: inline; 
	*zoom: 1; 
	width: 192px; 
	line-height: 32px; 
	color: white; 
	text-align: center; 
	text-decoration: none; 
	background-color: rgb(99, 189, 61); 
	border-radius: 3px; 
	-webkit-transition: all 0.25s ease-in-out; 
	-moz-transition: all 0.25s ease-in-out; 
	-ms-transition: all 0.25s ease-in-out; 
	transition: all 0.25s ease-in-out; 
}
#switch_auth_display p.create_new_account a:hover { 
	background-color: rgb(104, 212, 58); 
	box-shadow: 0px 1px 2px rgba(0,0,0,0.2); 
	-webkit-transition: all 0.1s ease-in-out; 
	-moz-transition: all 0.1s ease-in-out; 
	-ms-transition: all 0.1s ease-in-out; 
	transition: all 0.1s ease-in-out; 
}
#switch_auth_display div#account_box { 
	display: inline-block; 
	*display: inline; 
	*zoom: 1; 
	margin: 0; 
	padding: 0;
	width: 25%; 
	letter-spacing: normal; 
	text-align: center; 
	border: none; 
}
#switch_auth_display #account_box a { 
	margin-bottom: 12px; 
	display: block; 
	text-decoration: none; 
}
#switch_auth_display #account_box ul { 
	margin: 1em; 
	padding: 1em; 
	background-color: rgb(250,248,248); 
	border: 1px solid rgb(216,216,216); 
	-webkit-transition: border-color 0.25s ease-in-out; 
	-moz-transition: border-color 0.25s ease-in-out; 
	-ms-transition: border-color 0.25s ease-in-out; 
	transition: border-color 0.25s ease-in-out; 
}
#switch_auth_display #account_box ul:hover { 
	color: #5ab200 !important; 
	border: 1px solid #5ab200; 
	-webkit-transition: border-color 0.1s ease-in-out; 
	-moz-transition: border-color 0.1s ease-in-out; 
	-ms-transition: border-color 0.1s ease-in-out; 
	transition: border-color 0.1s ease-in-out; 
}
#switch_auth_display #account_box li { 
	margin: 0;  
	text-align: center; 
}
#switch_auth_display #account_box li.circle_logo { 
	margin: 0 auto; 
	padding: 0 0 1em; 
	width: 100%; 
	height: 120px; 
	max-height: 120px; 
	line-height: 120px; 
	overflow: hidden; 
}
#switch_auth_display #account_box .circle_logo img { 
	max-width: 100%; 
	max-height: 120px; 
	line-height: 120px; 
}
#switch_auth_display #account_box li.circle_name { 
	margin: 0 auto; 
	padding: 0 0 1em; 
	max-width: 100%; 
	_width: 100%; 
	height: 1.4em; 
	line-height: 1.4em; 
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: rgb(156,156,156); 
	font-weight: bold; 
}
#switch_auth_display #account_box li.user_icon_name { 
	margin: 0 auto; 
	padding: 0.5em 0px; 
	width: 100%; 
	border-top: 1px solid rgb(240,240,240); 
}
#switch_auth_display #account_box .user_icon_name .user_icon { 
	width: 33%; 
	height: 50px; 
	line-height: 50px; 
	vertical-align: middle; 
	text-align: right; 
	overflow: hidden; 
	letter-spacing: -.40em; 
}
#switch_auth_display #account_box .user_icon_name .user_icon img { 
	max-width: 100%; 
	max-height: 50px; 
	line-height: 50px; 
	vertical-align: middle; 
	letter-spacing: normal; 
}
#switch_auth_display #account_box .user_icon_name .user_name { 
	display: inline-block; 
	*display: inline; 
	*zoom: 1; 
	padding: 0; 
	width: auto; 
	max-width: 66%; 
	_width: 66%; 
	line-height: 50px;
	vertical-align: middle; 
	font-weight: normal; 
	color: #676262; 
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	letter-spacing: normal; 
}
#switch_auth_display #account_box p.delete_account { 
	margin: 0 auto; 
	padding-left: 0; 
	width: 60px; 
}
#switch_auth_display #account_box .delete_account a { 
	font-size: 85% !important; 
	color: white; 
	background-color: rgb(229, 195, 183); 
	border-radius: 3px; 
	-webkit-transition: all 0.25s ease-in-out; 
	-moz-transition: all 0.25s ease-in-out; 
	-ms-transition: all 0.25s ease-in-out; 
	transition: all 0.25s ease-in-out; 
}
#switch_auth_display #account_box .delete_account a:hover { 
	background-color: rgb(232, 98, 49); 
	box-shadow: 0px 1px 2px rgba(0,0,0,0.2); 
	-webkit-transition: all 0.1s ease-in-out; 
	-moz-transition: all 0.1s ease-in-out; 
	-ms-transition: all 0.1s ease-in-out; 
	transition: all 0.1s ease-in-out; 
}

/****************************************************
 about 
*****************************************************/

#about .pageLink { 
	padding-bottom: 40px; 
}
#about div#a01, 
#about div#a02, 
#about div#a03 { 
	margin-top: -40px; 
	padding-top: 40px; 
}

/****************************************************
 information 
*****************************************************/

#information div.shadow_box { 
	margin-top: -20px; 
	padding-top: 40px; 
	padding-bottom: 60px; 
}

/****************************************************
 yahoo_to_circle_square 
*****************************************************/

#yahoo_to_circle_square div.shadow_box { 
	padding-top: 20px; 
	padding-bottom: 40px; 
}
#yahoo_to_circle_square h3 { 
	padding-top: 32px; 
}
#yahoo_to_circle_square .head_usage_list {
	margin: 2em 0 4em;
}
#yahoo_to_circle_square .head_usage_list li {
	float: left;
	width: 33%;
	text-align: center;
}
#yahoo_to_circle_square .head_usage_list li a {
	display: inline-block;
	padding: 0.25em 0.75em 0.25em 0.5em;
	line-height: 32px;
	color: white;
	text-decoration: none;
	border-radius: 3px;
	background-color: #584A4A;
}
#yahoo_to_circle_square .head_usage_list li a:hover {
/* 	background-color: rgb(104, 212, 58); */
	background-color: #978181;
}
#yahoo_to_circle_square .head_usage_list li a i {
	margin-right: 0.25em;
}
#yahoo_to_circle_square table {
	font-size: 100%;
}
div#yahoo_faq.shadow_box {
	border-bottom: 1px solid rgb(224,224,224); 
}
#yahoo_to_circle_square .pageTop {
	margin-bottom: 0;
	line-height: 32px;
}
#yahoo_flow img {
	border: 1px solid rgb(208, 204, 204);
	width: 300px;
	height: auto;
}
#yahoo_flow .pc img {
	width: auto;
}
#yahoo_flow .flow_image li {
	margin-bottom: 2em;
	border-bottom: 1px dotted rgb(208, 204, 204);
}

/****************************************************
 responsive 
*****************************************************/

.sp_only { 
	display: none; 
}