@charset "UTF-8";
/* ****************************************************************** 

	--common.css--
	
	0. BoxModel change

	1. Common setting
		1-1. Reset styles
		1-2. Font styles
		1-3. General styles
		1-4. Text styles
		1-5. List styles
		1-6. CSS3 common styles

	2. Responsive setting
		2-1. Fluid grid styles
		2-2. Tablet grid styles
		2-3. Mobile grid styles

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

/*==================================================================
	0. BoxModel change
===================================================================*/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*==================================================================
	1. Common setting
===================================================================*/

/* ------------------------------------------------------------------
	1-1. Reset styles
-------------------------------------------------------------------*/
html {
	overflow-y: scroll;
	background: #FFF;
}
body {
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	text-size-adjust: none;
	word-wrap: break-word;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, object, iframe, pre, code, p, blockquote, form, fieldset, legend, table, th, td, caption, tbody, tfoot, thead, article, aside, figure, footer, header, hgroup, menu, nav, section, audio, video, canvas {
	margin: 0;
	padding: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, menu {
	display: block;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden] {
display:none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: none;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
ul, ol, menu {
	list-style: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: none;
	font-variant: normal;
}
sup {
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
.ver_a_s {
	vertical-align: super ;
}
.ver_a_m{
	vertical-align:middle !important;}
input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}
::-moz-placeholder{
  color: #888;
  opacity: 1;
}
:-ms-input-placeholder{
  color: #888;
  opacity: 1;
}
::placeholder{
  color: #888;
}
legend {
	color: #000;
}
a img, map a {
	border: none;
}
a:hover, a:active, a:disabled, a.active {
	outline: none;
}
embed {
	width: 100%;
}
audio, canvas, video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
img, object, embed {
	max-width: 100%;
	height: auto;
}
object, embed {
	height: 100%;
}
img {
	-ms-interpolation-mode: bicubic;
}
/* Font styles
-------------------------------------------------------------------*/
body, pre {
	font: 12px/1.231 Century Gothic, Verdana, Arial, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
    font-size: 13px;
}
select, input, button, textarea, button {
	font: 99% arial, sans-serif;
}
table {
	font-size: inherit;
	font: 100%;align-items: 
}
/* General styles
-------------------------------------------------------------------*/
table {
	empty-cells: show;
	width: 100%;
}
input {
	line-height: 1;
}
form img, input, select {
	vertical-align: middle;
}
textarea {
	resize: none;
}
select {
	padding: 1px;
}
label {
	margin-right: 5px;
}
legend {
	display: none;
}
input[type="text"], input[type="password"], textarea {
	padding: 3px 4px 0 3px;
	border: 1px solid #999;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	font-size: 14px;
}
/* ------------------------------------------------------------------
	1-2. VisualFormattingModel styles
-------------------------------------------------------------------*/
.noDisplay {
	display: none;
}
.uketorinin_noDisplay{
	display: none;
	}
.inline {
	display: inline !important;
}
.inlineBlock {
	display: inline-block !important;
}
.Block{
	display:block !important;}
.static {
	position: static !important;
}
.relative {
	position: relative !important;
}
.absolute {
	position: absolute !important;
}
.fixed {
	position: fixed !important;
}
.leftBox {
	float: left !important;
}
.rightBox {
	float: right !important;
}
.nofloat {
	float: none !important;
}
.clearfix {
	zoom: 1;
}
.clearfix:after {
	display: block;
	clear: both;
	content: "";
}
.clear {
	clear: both !important;
}
a.hover:hover, input.hover:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

/* ------------------------------------------------------------------
	1-3. BoxModel styles
-------------------------------------------------------------------*/
.auto {
	margin-right: auto !important;
	margin-left: auto !important;
}
.m0{
	margin:0px !important;}
.mt0   { margin-top:0 !important; }
.mt3   { margin-top:3px !important; }
.mt5   { margin-top:5px !important; }
.mt7   { margin-top:7px !important; }
.mt8   { margin-top:8px !important; }
.mt10  { margin-top:10px !important; }
.mt13  { margin-top:13px !important; }
.mt15  { margin-top:15px !important; }
.mt18  { margin-top:18px !important; }
.mt20  { margin-top:20px !important; }
.mt22  { margin-top:22px !important; }
.mt25  { margin-top:25px !important; }
.mt30  { margin-top:30px !important; }
.mt35  { margin-top:35px !important; }
.mt40  { margin-top:40px !important; }
.mt42  { margin-top:42px !important; }
.mt45  { margin-top:45px !important; }
.mt50  { margin-top:50px !important; }
.mt55  { margin-top:55px !important; }
.mt60  { margin-top:60px !important; }
.mt65  { margin-top:65px !important; }
.mt70  { margin-top:70px !important; }
.mt75  { margin-top:75px !important; }
.mt80  { margin-top:80px !important; }
.mt85  { margin-top:85px !important; }
.mt90  { margin-top:90px !important; }
.mt95  { margin-top:95px !important; }
.mt100 { margin-top:100px !important; }
.mt105 { margin-top:105px !important; }
.mt110 { margin-top:110px !important; }
.mt115 { margin-top:115px !important; }
.mt120 { margin-top:120px !important; }
.mt125 { margin-top:125px !important; }
.mt130 { margin-top:130px !important; }
.mt135 { margin-top:135px !important; }
.mt140 { margin-top:140px !important; }
.mt145 { margin-top:145px !important; }
.mt150 { margin-top:150px !important; }

.mr0   { margin-right:0 !important; }
.mr5   { margin-right:5px !important; }
.mr10  { margin-right:10px !important; }
.mr15  { margin-right:15px !important; }
.mr20  { margin-right:20px !important; }
.mr25  { 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; }
.mr200  { margin-right:200px !important; }
.mr210  { margin-right:210px !important; }

.mb0   { margin-bottom:0 !important; }
.mb3   { margin-bottom:3px !important; }
.mb5   { margin-bottom:5px !important; }
.mb8   { margin-bottom:8px !important; }
.mb10  { margin-bottom:10px !important; }
.mb13  { margin-bottom:13px !important; }
.mb15  { margin-bottom:15px !important; }
.mb18  { margin-bottom:18px !important; }
.mb20  { margin-bottom:20px !important; }
.mb25  { 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; }
.mb65  { margin-bottom:65px !important; }
.mb70  { margin-bottom:70px !important; }
.mb75  { margin-bottom:75px !important; }
.mb80  { margin-bottom:80px !important; }
.mb85  { margin-bottom:85px !important; }
.mb90  { margin-bottom:90px !important; }
.mb95  { margin-bottom:95px !important; }
.mb100 { margin-bottom:100px !important; }

.ml0   { margin-left:0 !important; }
.ml5   { margin-left:5px !important; }
.ml10  { margin-left:10px !important; }
.ml15  { margin-left:15px !important; }
.ml20  { margin-left:20px !important; }
.ml25  { 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; }
.ml70  { margin-left:70px !important; }
.ml80  { margin-left:80px !important; }
.ml90  { margin-left:90px !important; }
.ml95  { margin-left:95px !important; }
.ml100 { margin-left:100px !important; }
.ml110 { margin-left:110px !important; }
.ml120 { margin-left:120px !important; }
.ml130 { margin-left:130px !important; }
.ml140 { margin-left:140px !important; }
.ml150 { margin-left:150px !important; }
.ml160 { margin-left:160px !important; }
.ml170 { margin-left:170px !important; }
.ml180 { margin-left:180px !important; }
.ml190 { margin-left:190px !important; }
.ml200 { margin-left:200px !important; }
.ml210 { margin-left:210px !important; }
.ml220 { margin-left:220px !important; }
.ml230 { margin-left:230px !important; }
.ml240 { margin-left:240px !important; }
.ml250 { margin-left:250px !important; }
.ml260 { margin-left:260px !important; }
.ml270 { margin-left:270px !important; }
.ml280 { margin-left:280px !important; }
.ml290 { margin-left:290px !important; }
.ml300 { margin-left:300px !important; }
.ml310 { margin-left:310px !important; }
.ml320 { margin-left:320px !important; }
.ml330 { margin-left:330px !important; }
.ml340 { margin-left:340px !important; }
.ml350 { margin-left:350px !important; }
.ml360 { margin-left:360px !important; }
.ml370 { margin-left:370px !important; }
.ml380 { margin-left:380px !important; }
.ml390 { margin-left:390px !important; }
.ml400 { margin-left:400px !important; }
.ml410 { margin-left:410px !important; }
.ml420 { margin-left:420px !important; }
.ml430 { margin-left:430px !important; }
.ml440 { margin-left:440px !important; }
.ml450 { margin-left:450px !important; }
.ml460 { margin-left:460px !important; }
.ml470 { margin-left:470px !important; }
.ml480 { margin-left:480px !important; }
.ml490 { margin-left:490px !important; }
.ml500 { margin-left:500px !important; }

/* ------ padding ------ */
.pd0{
	padding:0px !important;}
.pt0   { padding-top:0 !important; }
.pt3   { padding-top:3px !important; }
.pt5   { padding-top:5px !important; }
.pt8   { padding-top:8px !important; }
.pt10  { padding-top:10px !important; }
.pt13  { padding-top:13px !important; }
.pt15  { padding-top:15px !important; }
.pt18  { padding-top:18px !important; }
.pt20  { padding-top:20px !important; }
.pt25  { 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; }
.pt65  { padding-top:65px !important; }
.pt70  { padding-top:70px !important; }
.pt75  { padding-top:75px !important; }
.pt80  { padding-top:80px !important; }
.pt85  { padding-top:85px !important; }
.pt90  { padding-top:90px !important; }
.pt95  { padding-top:95px !important; }
.pt100 { padding-top:100px !important; }
.pt105 { padding-top:105px !important; }
.pt110 { padding-top:110px !important; }
.pt115 { padding-top:115px !important; }
.pt120 { padding-top:120px !important; }
.pt125 { padding-top:125px !important; }
.pt130 { padding-top:130px !important; }
.pt135 { padding-top:135px !important; }
.pt140 { padding-top:140px !important; }
.pt145 { padding-top:145px !important; }
.pt150 { padding-top:150px !important; }

.pr0   { padding-right:0 !important; }
.pr5   { padding-right:5px !important; }
.pr10  { padding-right:10px !important; }
.pr15  { padding-right:15px !important; }
.pr20  { padding-right:20px !important; }
.pr25  { 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; }

.pb0   { padding-bottom:0 !important; }
.pb3   { padding-bottom:3px !important; }
.pb5   { padding-bottom:5px !important; }
.pb8   { padding-bottom:8px !important; }
.pb10  { padding-bottom:10px !important; }
.pb13  { padding-bottom:13px !important; }
.pb15  { padding-bottom:15px !important; }
.pb18  { padding-bottom:18px !important; }
.pb20  { padding-bottom:20px !important; }
.pb25  { 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; }
.pb65  { padding-bottom:65px !important; }
.pb70  { padding-bottom:70px !important; }
.pb75  { padding-bottom:75px !important; }
.pb80  { padding-bottom:80px !important; }
.pb85  { padding-bottom:85px !important; }
.pb90  { padding-bottom:90px !important; }
.pb95  { padding-bottom:95px !important; }
.pb100 { padding-bottom:100px !important; }
.pb110 { padding-bottom:110px !important; }
.pb120 { padding-bottom:120px !important; }
.pb130 { padding-bottom:130px !important; }
.pb140 { padding-bottom:140px !important; }

.pl0	{ padding-left:0 !important; }
.pl5	{ padding-left:5px !important; }
.pl10	{ padding-left:10px !important; }
.pl15	{ padding-left:15px !important; }
.pl20	{ padding-left:20px !important; }
.pl25	{ 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; }
.pl65	{ padding-left:65px !important; }
.pl70	{ padding-left:70px !important; }
.pl75	{ padding-left:75px !important; }
.pl80	{ padding-left:80px !important; }
.pl85	{ padding-left:85px !important; }
.pl90	{ padding-left:90px !important; }
.pl95	{ padding-left:95px !important; }
.pl100	{ padding-left:100px !important; }
.pl105	{ padding-left:105px !important; }
.bt0, .ba0 {
	border-top: none !important;
}
.br0, .ba0 {
	border-right: none !important;
}
.bb0, .ba0 {
	border-bottom: none !important;
}
.bl0, .ba0 {
	border-left: none !important;
}
.border0 {
	border: none !important;
}
/* ------------------------------------------------------------------
	1-4. Text styles
-------------------------------------------------------------------*/
strong, .bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}

.f09 {
	font-size: 14px !important;
}

.f10 {
	font-size: 77%;
}
.f11 {
	font-size: 85%;
}
.f12 {
	font-size: 93%;
}
.f14 {
	font-size: 108%;
}
.f15 {
	font-size: 116%;
}
.f16 {
	font-size: 123.1%;
}
.f17 {
	font-size: 131%;
}
.f18 {
	font-size: 138.5%;
}
.f19 {
	font-size: 146.5%;
}
.f20 {
	font-size: 153.9%;
}
.f21 {
	font-size: 161.6%;
}
.f22 {
	font-size: 167%;
}
.f23 {
	font-size: 174%;
}
.f24 {
	font-size: 182%;
}
.f25 {
	font-size: 189%;
}
.f26 {
	font-size: 197%;
}
.f250 {
	font-size: 250% !important;
}
.f200 {
	font-size: 200% !important;
}
.f300 {
	font-size: 300% !important;
}
.red {
	color: #C00;
}
.white {
	color: #FFF;
}
.grayC {
	color: #CCC;
}
.gray9 {
	color: #999;
}
.gray6 {
	color: #666;
}
.gray3 {
	color: #333;
}
.black {
	color: #000;
}
.middle {
	vertical-align: middle !important;
}
.bottom {
	vertical-align: bottom !important;
}
.top {
	vertical-align: top !important;
}
.center {
	text-align: center !important;
}
.left {
	text-align: left !important;
}
.right {
	text-align: right !important;
}
.underline {
	text-decoration: underline !important;
}
.fwB {
	font-weight: bold;
}
.fwN {
	font-weight: normal !important;
}
/* ------------------------------------------------------------------
	1-5. List styles
-------------------------------------------------------------------*/
.disc {
	padding-left: 2em;
	list-style: disc;
}
.circle {
	padding-left: 2em;
	list-style: circle;
}
.decimal {
	padding-left: 2.4em;
	list-style: decimal;
}
/* InlineList styles
-------------------------------------------------------------------*/
.inlineList dt, .inlineList dd, .inlineList li {
	display: inline;
	padding-right: 5px;
}
.inlineBlockList dt, .inlineBlockList dd, .inlineBlockList li {
	display: inline-block;
	padding-right: 5px;
}
/* DlLine styles
-------------------------------------------------------------------*/
.dlLine {
	zoom: 1;
}
.dlLine dt {
	float: left;
	margin-right: 10px;
	padding: 4px 0;
}
.dlLine dd {
	padding: 4px 0;
	border-bottom: 1px #CCC solid;
}
.dlLine dd:after {
	display: block;
	clear: both;
	content: "";
}
/* ------------------------------------------------------------------
	1-6. CSS3 common styles
-------------------------------------------------------------------*/
.boxShadow {
	-webkit-box-shadow: 0 0 5px #DDD;
	box-shadow: 0 0 5px #DDD;
	behavior: url(/htc/PIE.php);
}
.textShadowW {
	text-shadow: 0 1px 0 #E7E7E7;
	-ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(color=#E7E7E7,offx=0,offy=1)";
}
.textShadowB {
	text-shadow: 0 1px 0 #111;
	-ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(color=#111111,offx=0,offy=1)";
}
.radius5 {
	border-radius: 5px;
	behavior: url(/htc/PIE.php);
}
.radius10 {
	border-radius: 10px;
	behavior: url(/htc/PIE.php);
}
/*==================================================================
	2 Responsive setting
===================================================================*/

/* ------------------------------------------------------------------
	2-1. Fluid grid styles
-------------------------------------------------------------------*/
.nowrap { white-space: nowrap;}
.row {
	max-width: 960px;
	margin: 0 auto;
 *zoom:1;
}
.row {
	width: 960px\9;
}
.row:not(:target) {
	width: auto\9;
}
.row .collapse {
	padding: 0 !important;
}
.row .row {
	width: auto;
	max-width: none;
	min-width: 0;
	margin: 0 -10px;
}
.row:before, .row:after {
	display: table;
	content: "";
}
.row:after {
	clear: both;
}
.columns {
	position: relative;
	float: left;
	min-height: 1px;
	padding: 0 10px;
	height: 100%;
 float:expression((this.parentNode.lastChild == this)?'right':'left');
}
.columns:last-child {
	float: right;
}
.columns:first-child {
	float: left;
}
.columns.centered {
	float: none;
	margin: 0 auto;
}

.w5 {
	width: 5% !important;
}
.w9 {
	width: 9% !important;
}
.w13 {
	width: 13% !important;
}
.w15 {
	width: 15% !important;
}
.w15_6{
	width:15.6% !important;
}
.w18 {
	width: 18% !important;
}
.w20 {
	width: 20% !important;
}

.w21 {
	width: 21% !important;
}

.w25 {
	width: 25% !important;
}

.w28 {
	width: 28% !important;
}

.w30 {
	width: 30% !important;
}
.w32 {
	width: 32% !important;
}

.w33 {
	width: 33% !important;
}
.w34 {
	width: 34% !important;
}
.w35 {
	width: 35% !important;
}
.w36 {
	width: 36% !important;
}

.w37 {
	width: 37% !important;
}

.w40 {
	width: 40% !important;
}

.w45 {
	width: 45% !important;
}

.w46 {
	width: 46% !important;
}
.w47_5 {
	width: 47.5% !important;
}
.w48_5 {
	width: 48.5% !important;
}
.w50 {
	width: 50% !important;
}
.w60{
	width:60% !important;
}
.w63{
	width:63% !important;
}
.w64{
	width:64% !important;
}
.w65{
	width:65% !important;
}

.w70{
	width:70% !important;
}
.w75{
	width:75% !important;
}
.w80 {
	width: 80% !important;
}

.w85 {
	width: 85% !important;
}

.w90 {
	width: 90% !important;
}
.w100 {
	width: 100% !important;
}
.w140{
	width:140px !important;
}
.w150{
	width:150% !important;
	min-width:150% !important;
}

.w193 {
	width: 193% !important;
}
.w200{
	width:200% !important;
}

.w165px {
  width: 165px !important;
  min-width: 165px !important;
}

.w185px{
	width:185px !important;
	min-width:185px !important;
}

.w240px{
	min-width:240px !important;
	max-width:240px !important;
}

.w350px{
	width:350px !important;
	min-width:350px !important;
}

.wAuto{
	width:auto !important;
}

.min_85px{
	min-width:85px !important;
}

.lineheight48{
	line-height:4.8 !important;}

.lineheight20{
	line-height:2 !important;
}