﻿@charset "utf-8";

/*
 *
 * Usage: Style Reset
 *
 * Name: reset.css
 *
 */

/*---------------------------------------------------------------------
Style Reset
---------------------------------------------------------------------*/
/* -- html -- */
* {margin:0;padding:0;} 
html {overflow-y:auto; color:#000;}

/* -- body -- */
body {font-size:12px; line-height:1.5em; margin:0; padding:0;}
* html body {font-family:"ＭＳ Ｐ明朝", serif; font-size:75%;}/* for IE6 */
*+html body {font-family:"ＭＳ Ｐ明朝"; font-size:75%;}/* for IE7 */
html>/**/body {font-family:"ＭＳ Ｐ明朝", serif; font-size:75%;}/* for IE8 */
html:not(:target) body {font-size:12px; line-height:1.5em; font-family:"ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", Osaka, serif;}

/* -- other tags -- */
a {overflow:hidden;}
a img, img {border:0; vertical-align:bottom;}
img {line-height:100%;}
abbr, acronym {border:0;}
address, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:normal;}
caption, th {text-align:left;}
code, kbd, pre, samp, tt {font-family:monospace; line-height:100%;}
*+html code, kbd, pre, samp, tt {font-size:108%;}/* for IE7 */
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
ol, ul {list-style:none;}
q:before, q:after {content:'';}
button, fieldset, form, input, label, legend, select, textarea {font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; margin:0; padding:0; vertical-align:baseline;}
fieldset {border:none;}
table {border-collapse:collapse; border-spacing:0; font-size:100%;}/* tables still need 'cellspacing="0"' */
object {outline:none;}
article, aside, dialog, figure, footer, header,hgroup, nav, section {display:block;}


/*---------------------------------------------------------------------
Style Setup
---------------------------------------------------------------------*/
/* -- layout -- */
.left     {float:left !important; display:inline;}
.right    {float:right !important; display:inline;}
.center   {text-align:center !important;}
.t_right  {text-align:right !important;;}
.t_left   {text-align:left !important;;}
.clear    {clear:both;}
.clearfix:after {content:"."; display:block; clear:both; height:0; visibility:hidden; font-size:0;}

.mb0   {margin-bottom:0 !important;}
.mb3   {margin-bottom:3px !important;}
.mb5   {margin-bottom:5px !important;}
.mb10  {margin-bottom:10px !important;}
.mb15  {margin-bottom:15px !important;}
.mb20  {margin-bottom:20px !important;}
.mb25  {margin-bottom:25px !important;}
.mb30  {margin-bottom:30px !important;}
.mb40  {margin-bottom:40px !important;}

.mt0   {margin-top:0 !important;}
.mt3   {margin-top:3px !important;}
.mt5   {margin-top:5px !important;}
.mt10  {margin-top:10px !important;}
.mt15  {margin-top:15px !important;}
.mt20  {margin-top:20px !important;}
.mt25  {margin-top:25px !important;}
.mt30  {margin-top:30px !important;}
.mt40  {margin-top:40px !important;}

.mt-10  {margin-top:-10px !important;}
.mt-30  {margin-top:-30px !important;}
.mt-60  {margin-top:-60px !important;}

.ml0   {margin-left:0 !important;}
.ml3   {margin-left:3px !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;}
.ml40  {margin-left:40px !important;}

.mr0   {margin-right:0 !important;}
.mr3   {margin-right:3px !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;}
.mr40  {margin-right:40px !important;}

.pb0   {padding-bottom:0 !important;}
.pb3   {padding-bottom:3px !important;}
.pb5   {padding-bottom:5px !important;}
.pb10  {padding-bottom:10px !important;}
.pb15  {padding-bottom:15px !important;}
.pb20  {padding-bottom:20px !important;}
.pb25  {padding-bottom:25px !important;}
.pb30  {padding-bottom:30px !important;}
.pb40  {padding-bottom:40px !important;}

.pt0   {padding-top:0 !important;}
.pt3   {padding-top:3px !important;}
.pt5   {padding-top:5px !important;}
.pt10  {padding-top:10px !important;}
.pt15  {padding-top:15px !important;}
.pt20  {padding-top:20px !important;}
.pt25  {padding-top:25px !important;}
.pt30  {padding-top:30px !important;}
.pt40  {padding-top:40px !important;}

.pl0   {padding-left:0 !important;}
.pl3   {padding-left:3px !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;}

.pr0   {padding-right:0 !important;}
.pr3   {padding-right:3px !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;}
.pr40  {padding-right:40px !important;}

/* -- link -- */
a {text-decoration:none; color:#373737; outline:none;}
a:hover {text-decoration:none; color:#5c5c5c;}


/* Start of "Micro clearfix" */
.cf { zoom: 1; }
.cf:before,
.cf:after { content:""; display:table; }
.cf:after { clear:both; }
/* End of "Micro clearfix" */


/*******************************************
ADD FA 20120402
-------------------------------------------

********************************************/

/* FONT SIZE
========================================== */

.fontB {font-weight:bold;}
.fontN {font-weight:normal;}
.font10 {font-size:10px;}
.font11 {font-size:11px;}
.font12 {font-size:12px;}
.font13 {font-size:13px;}
.font14 {font-size:14px;}
.font15 {font-size:15px;}
.font16 {font-size:16px;}
.font18 {font-size:18px;}
.font20 {font-size:20px;}
.font26 {font-size:26px;}

/* FLOAT
========================================== */

.fR {float:right;}
.fL {float:left;}

/* FONT COLOR
========================================== */

.red {color:#FF0000;}
.dRed {color:#CC0000;} /*DarkRed*/
.green {color:#669900;}
.dGreen {color:#3F5E00;} /*DarkGreen*/
.gray4 {color:#444444;}
.gray6 {color:#666666;}
.gray9 {color:#999999;}
.black {color:#000000;}
.brown {color:#3F1F11;}
.blue {color:#0066FF;}
.dBlue {color:#0C3D8A;} /*Darkblue*/
.orange {color:#FC7306;}

/* LINE HEIGHT
========================================== */

.lh10 {line-height:1;}
.lh12 {line-height:1.2;}
.lh14 {line-height:1.4;}
.lh16 {line-height:1.6;}
.lh18 {line-height:1.8;}
.lh20 {line-height:2;}

/* FLOAT
========================================== */

.fR {float:right;}
.fL {float:left;}

/* KOME
========================================== */

.kome10 {padding-left:10px;	text-indent:-10px;}
.kome11 {padding-left:11px;	text-indent:-11px;}
.kome12 {padding-left:12px;	text-indent:-12px;}
.kome13 {padding-left:13px;	text-indent:-13px;}
.kome14 {padding-left:14px;	text-indent:-14px;}
.kome17 {padding-left:17px;	text-indent:-17px;}
.kome20 {padding-left:20px;	text-indent:-20px;}
.kome24 {padding-left:24px;	text-indent:-24px;}

/* TEXT ALIGN
========================================== */

.taC {text-align:center;margin-left:auto;margin-right:auto;}
.taR {text-align:right;}
.taL {text-align:left;}

/* VERTICAL ALIGN
========================================== */

.vT {vertical-align:top;}
.vM {vertical-align:middle;}
.vB {vertical-align:bottom;}

/* WIDE
========================================== */

.w10 {width:10px;}
.w15 {width:15px;}
.w30 {width:30px;}
.w40 {width:40px;}
.w50 {width:50px;}
.w60 {width:60px;}
.w70 {width:70px;}
.w80 {width:80px;}
.w90 {width:90px;}
.w100 {width:100px;}
.w140 {width:140px;}
.w160 {width:160px;}
.w200 {width:200px;}
.w300 {width:300px;}
.w400 {width:400px;}
.w500 {width:500px;}
.w520 {width:520px;}
.w565 {width:565px;}
.w600 {width:600px;}
.w700 {width:700px;}
.w800 {width:800px;}
.w900 {width:900px;}

.w15per {width:15%;}
.w40per {width:40%;}
.w60per {width:60%;}
.w85per {width:85%;}
.w100per {width:100%;}

/* HEIGHT
========================================== */

.h23 {height:23px;}
.h26 {height:26px;}
.h42 {height:42px;}
.h63 {height:63px;}
.h84 {height:84px;}
.h95 {height:95px;}
.h105 {height:105px;}
.h210 {height:210px;}

/* UNDERLINE
========================================== */

a.undl {text-decoration:underline;} /*underline*/
a.undN {text-decoration:none;}
