/*---------- site.css -----------[05.07.15]

/*---------- global default styling ----------------------------------------*/

/*html { width: 100%; height: 100%; }*/
html * {
	margin: auto;
	padding: auto;
	background-repeat: no-repeat;
}

/*-- area width element --*/
.minW, .fullW { height: 1px; line-height: 1px; margin-bottom: -1px; }
.fullW { float: right; } /* for ie */

/*---------- global font styling ----------------------------------------*/

html {
	font-size: 12px;
	line-height: 150%;
}
/* ie:mac interprets the first available font for all languages!! */
/*-- not ie:mac --*/
/*\*/ html { color: red; font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','¥Ò¥é¥®¥Î³Ñ¥´ Pro W3',Osaka,'£Í£Ó £Ð¥´¥·¥Ã¥¯',sans-serif; } /**/
/*-- ie:mac only --*/
/*\*//*/ html { font-family: '¥Ò¥é¥®¥Î³Ñ¥´ Pro W3',Osaka; } /**/

html * {
	font-size: inherit;
	line-height: inherit;
	font-family: inherit;
}

/*-- default <a> styles --*/
a { color: blue; line-height: 125%; cursor: pointer; }
a:visited { color: green; }
a:active { color: red; }
a:hover { color: black; }
/*
li { border: 1px solid red; }
a { border: 1px solid blue; }
*/
.link_col a { display: inline; }

.link_col_b a { display: block; }

.link_row li { display: inline; }
.link_row a { display: inline; }

.link_row_b li { display: inline-block; }
.link_row_b a {
	display: inline;
	white-space: nowrap;
	width: 100%;
}

/*-- default <div> styles --*/
div { width: auto; height: auto; }

/*-- default <table> styles --*/
table {
	border: none;
	border-spacing: 0; /* ie:mac doesn't recognize this! Use cellspacing="0" */
	empty-cells: show;
	margin: 0px;
}
td { padding: 0; }

/*-- default <p><h > styles --*/
p, h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; }

h1							{ font-size: 26px; font-weight: bold; line-height: 125%; }
h2,	.txt_xxl,	.ctxt_xxl	{ font-size: 20px; font-weight: bold; line-height: 125%; }
h3,	.txt_xl,	.ctxt_xl	{ font-size: 15px; font-weight: bold; line-height: 125%; }
h4,	.txt_l,		.ctxt_l		{ font-size: 13px; font-weight: bold; line-height: 125%; }
h5,	.txt_m,		.ctxt_m		{ font-size: 12px; font-weight: normal; line-height: 125%; }
h6,	.txt_s,		.ctxt_s		{ font-size: 11px; font-weight: normal; line-height: 125%; }
	.txt_xs,	.ctxt_xs	{ font-size: 10px; font-weight: normal; line-height: 125%; }

h5, h6 { font-weight: normal; }
.txt_xxl, .txt_xl, .txt_l, .txt_m, .txt_s, .txt_xs { line-height: 150% }

p { margin-top: 1em; }

/*-- default special block element styles --*/

address, blockquote, center, del, ins, noscript, pre { font-style: normal; }

/*-- default list element styles --*/

ol, ul, li, dl, dt, dd {
	padding: 0;
	margin: 0;
}
ol { margin-left: 3em; }
ol ol, ul ol { margin-left: 2em; }
ul { list-style-type: none; }
ul ul, ol ul, dd { margin-left: 1em; }

li, dd { line-height: 125%; }
ol li, dl dd { padding: 4px 0px; }

.list_n li	{ list-style-type: none; }
.list_1 li	{ list-style-type: decimal; }
.list_d li	{ list-style-type: disc; }
.list_c li	{ list-style-type: circle; }
.list_s li	{ list-style-type: square; }
.list_A li	{ list-style-type: upper-alpha; }
.list_a li	{ list-style-type: lower-alpha; }
.list_R li	{ list-style-type: upper-roman; }
.list_r li	{ list-style-type: lower-roman; }

li.list_n	{ list-style-type: none; }
li.list_1	{ list-style-type: decimal; }
li.list_d	{ list-style-type: disc; }
li.list_c	{ list-style-type: circle; }
li.list_s	{ list-style-type: square; }
li.list_A	{ list-style-type: upper-alpha; }
li.list_a	{ list-style-type: lower-alpha; }
li.list_R	{ list-style-type: upper-roman; }
li.list_r	{ list-style-type: lower-roman; }


/*---------- default inline element styling ----------------------------------------*/

/*-- default <img> styles --*/
img {
	font-size: 10px;
	line-height: 10px;
	text-align: center;
	border: none;
}
a img { vertical-align: middle; }

/*-- default phrase element styles --*/
abbr, acronym, cite, code, dfn, del, em, ins, kbd, samp, strong, var { font-style: normal; }

/*---------- default padding/margin styles ----------------------------------------*/

.pt_xl,	.pt_xl	{ padding-top: 32px; }
.pt_l,	.pt_l	{ padding-top: 24px; }
.pt_m,	.pt_m	{ padding-top: 16px; }
.pt_s,	.pt_s	{ padding-top: 8px; }
.pt_xs,	.pt_xs	{ padding-top: 4px; }

.pb_xl,	.pt_xl	{ padding-bottom: 32px; }
.pb_l,	.pt_l	{ padding-bottom: 24px; }
.pb_m,	.pt_m	{ padding-bottom: 16px; }
.pb_s,	.pt_s	{ padding-bottom: 8px; }
.pb_xs,	.pt_xs	{ padding-bottom: 4px; }

.pl_xl,	.plr_xl	{ padding-left: 32px; }
.pl_l,	.plr_l	{ padding-left: 24px; }
.pl_m,	.plr_m	{ padding-left: 16px; }
.pl_s,	.plr_s	{ padding-left: 8px; }
.pl_xs,	.plr_xs	{ padding-left: 4px; }

.pr_xl,	.plr_xl	{ padding-right: 32px; }
.pr_l,	.plr_l	{ padding-right: 24px; }
.pr_m,	.plr_m	{ padding-right: 16px; }
.pr_s,	.plr_s	{ padding-right: 8px; }
.pr_xs,	.plr_xs	{ padding-right: 4px; }

.mt_xl,	.mtb_xl	{ margin-top: 32px; }
.mt_l,	.mtb_l	{ margin-top: 24px; }
.mt_m,	.mtb_m	{ margin-top: 16px; }
.mt_s,	.mtb_s	{ margin-top: 8px; }
.mt_xs,	.mtb_xs	{ margin-top: 4px; }

.mb_xl,	.mtb_xl	{ margin-bottom: 32px; }
.mb_l,	.mtb_l	{ margin-bottom: 24px; }
.mb_m,	.mtb_m	{ margin-bottom: 16px; }
.mb_s,	.mtb_s	{ margin-bottom: 8px; }
.mb_xs,	.mtb_xs	{ margin-bottom: 4px; }

.ml_xl,	.mlr_xl	{ margin-left: 32px; }
.ml_l,	.mlr_l	{ margin-left: 24px; }
.ml_m,	.mlr_m	{ margin-left: 16px; }
.ml_s,	.mlr_s	{ margin-left: 8px; }
.ml_xs,	.mlr_xs	{ margin-left: 4px; }

.mr_xl,	.mlr_xl	{ margin-right: 32px; }
.mr_l,	.mlr_l	{ margin-right: 24px; }
.mr_m,	.mlr_m	{ margin-right: 16px; }
.mr_s,	.mlr_s	{ margin-right: 8px; }
.mr_xs,	.mlr_xs	{ margin-right: 4px; }

/*---------- default spacer/division(spacer w/ line) styles ----------------------------------------*/

.spcr_xl { height: 32px; }
.spcr_l  { height: 24px; }
.spcr_m  { height: 16px; }
.spcr_s  { height: 8px; }
.spcr_xs { height: 4px; }

.div_xl	{ margin-bottom: 32px; }
.div_l	{ margin-bottom: 24px; }
.div_m	{ margin-bottom: 16px; }
.div_s	{ margin-bottom: 8px; }
.div_xs	{ margin-bottom: 4px; }

/*---------- default display styles ----------------------------------------*/

.disp_b  { display: block !important; }
.disp_i  { display: inline !important; }
.disp_ib { display: inline-block !important; }
.disp_it { display: inline-table !important; }
.disp_l  { display: list-item !important; }
.disp_n  { display: none !important; }
.disp_h  { visibility: hidden !important; }

/*-- white space --*/
.disp_nor { white-space: normal; }
.disp_nw  { white-space: nowrap; }
.disp_pre { white-space: pre; }

/*---------- default alignment styles ----------------------------------------*/

.align_t, .align_tl, .align_tc, .align_tr { vertical-align: top; }
.align_m, .align_ml, .align_mc, .align_mr { vertical-align: middle; }
.align_b, .align_bl, .align_bc, .align_br { vertical-align: bottom; }

.align_l, .align_tl, .align_ml, .align_bl { text-align: left; }
.align_c, .align_tc, .align_mc, .align_bc { text-align: center; }
.align_r, .align_tr, .align_mr, .align_br { text-align: right; }

/*---------- default float/clear styles ----------------------------------------*/

/*-- float styles --*/
.float_l, .float_r, .cfloat_l, .cfloat_r { overflow: auto; }
.float_l, .cfloat_l { float: left; }
.float_r, .cfloat_r { float: right; }
.cfloat_l { clear: left; }
.cfloat_r { clear: right; }

/*.float_l, .float_r, .cfloat_l, .cfloat_r { margin-top: 1em; }*/

/*-- <img> float styles --*/
.float_l img, img.float_l, .cfloat_l img, img.cfloat_l { margin-right: 8px; }
.float_r img, img.float_r, .cfloat_r img, img.cfloat_r { margin-left: 8px; }
.cfloat_l + .cfloat_l, .cfloat_r + .cfloat_r { margin-top: 8px; }
.float_l > br + img, .float_r > br + img, .cfloat_l > br + img, .cfloat_r > br + img { margin-top: 8px; }

/*-- clear styles --*/
.clear_l, .clear_b, .cfloat_l { clear: left; }
.clear_r, .clear_b, .cfloat_r { clear: right; }

/*-- clear group --
This is based on the "clearfix" hack.
	http://www.positioniseverything.net/
	http://csscreator.com/
But unfortunatly it still requres a right floated element or ie:mac
	will not display to the full width (block) of the parent area.
	*If there are no background or borders used this is not a problem.
	 If they are, a <div class="fullW"></div> must be included within the group.*/

.cgrp { display: block; }
/*only ie:mac*/
* html>body .cgrp { display: inline-table; }

/* ie:mac doesn't recognize ":after" pseudo-element:
so use <div class="fullW"></div> when there are no right floats */
/*-- grouping full width --*/
.cgrp:after {
	content: "&nbsp;";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*----- default form styles ----------------------------------------*/

form {
	padding: 0px;
	margin: 0px;
}
input, select, textarea, button, .fbtn {
	border: solid 1px;
}
select, button, .fbtn {
	cursor: pointer;
}
button, .fbtn {
	text-align: center;
	white-space: nowrap;
}
.fbtn img {
	background-color: transparent;
	padding: 0px;
	border: 0px;
	margin: 0px;
}
.radio, .radio * {
	background-color: transparent;
	border: 0px;
}

/*-- form element widths --*/
.inp, .inp_xs, .inp_s, .inp_m, .inp_l, .inp_xl, .inp_25, .inp_50, .inp_100 { padding: 4px 0px; }
form .w_a,		.inp *		{ width: auto }
form .w_xs, 	.inp_xs *	{ width: 32px }
form .w_s,		.inp_s *	{ width: 64px }
form .w_m,		.inp_m *	{ width: 96px }
form .w_l,		.inp_l *	{ width: 128px }
form .w_xl,		.inp_xl *	{ width: 240px }
form .w_25,		.inp_25 *	{ width: 25% }
form .w_50,		.inp_50 *	{ width: 50% }
form .w_100,	.inp_100 *	{ width: 100% }

/*-- form element container styling --*/
.inp .ttl, .inp .ttl_need {
	text-align: right;
	white-space: nowrap;
	padding-right: 12px;
}
.inp .ttl_need {
	background: url(../_cmn/icn_dot.gif) no-repeat right center;
}
.need {
	padding-left: 12px;
	background: url(../_cmn/icn_dot.gif) no-repeat left center;
}