@charset "utf-8";

/*
 name:reset.css
 updated:2012.05.08
*/

@media all{	

/* Tag Reset　(※ 基本は変更しない ※)
---------------------------------------------------*/

/* Base:YUI 3.4.1 (build 4118)
http://yuilibrary.com/license/ */

html {
	color:#000;
	background-color:transparent;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,
p,blockquote,th,td {
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img {
	border:0;
}

address,caption,cite,code,
dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

ol,ul {
	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:0;
	font-variant:normal;
}

sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}

input,textarea,select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit
}

input,textarea,select {
	*font-size:100%;
}

legend{color:#000;}

p,dt,dd,li {line-height: 1.5em;}

/* FontSize Reset　(※ 基本は変更しない ※)
---------------------------------------------------*/

/* 13pxで標準化（IEは独自仕様により相対で13px相当にする） */
body {
	font: 13px/1.231 arial,helvetica,clean,sans-serif; /* 基本文字設定 */
	*font-size: small; /* Win IE7およびWin IE6標準準拠モード向け */
	*font: x-small; /* Win IE 5-5.5､6(後方互換モード)向け */
}

/* tableへのfont-size継承 */
table {
	font-size: inherit; /* モダンブラウザ向け */
	font: 100%; /* Win IE 5-5.5､6(後方互換モード)向け */
}

/* 独自のタグでIE縮小表示を防ぐ */
pre,code,kbd,samp,tt {
	font-family: monospace;
	*font-size: 108%; /* Win IE全般向け */
	line-height: 100%;
}


/* clearfix　(※ 基本は変更しない ※)
---------------------------------------------------*/

/* For modern browsers */
.cf:before,.cf:after {
	content:"";
	display:block;
	overflow:hidden;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {zoom:1;}


/* config (案件によって変更)
---------------------------------------------------*/

/* 構造の設定 */

body {
    color: #000000;
    /* font-family: 'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif; */
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: left;
}

/* リンクの設定 */

a:link {
    color: #333;
	text-decoration: none;
}
a:visited {
    color: #333;
    text-decoration:none;
}
a:hover {
    color: #666;
    text-decoration: underline;
}

/* imgタグの設定 */

/*  img {
 	max-width: 100%;
 	height: auto;
 	vertical-align: top;
 }  */
a img  {
	border: none;
}

a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

/*html5　IE用
----------------------------*/
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary
{
	display:block;
}


/* フォントサイズ
=========================================
基準12px
----------------------
10px 	84%
11px 	92%
12px 	100%
13px 	109%
14px 	117%
15px 	125%
16px 	134%
17px 	142%
18px 	150%
19px 	159%
20px 	167%
21px 	175%
22px 	184%
23px 	192%
24px 	200%
25px 	209%
26px 	217%

基準13px
----------------------
10px 	77%
11px 	85%
12px 	93%
13px 	100%
14px 	108%
15px 	116%
16px 	124%
17px 	131%
18px 	139%
19px 	147%
20px 	154%
21px 	162%
22px 	170%
23px 	177%
24px 	185%
25px 	193%
26px 	200%
=========================================
 */

 
 /* margin */
.mt0{margin-top:0px!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;}
.mt35{margin-top:35px!important;}
.mt40{margin-top:40px!important;}
.mt45{margin-top:45px!important;}
.mt50{margin-top:50px!important;}
.mt80{margin-top:80px!important;}


.mb0{ margin-bottom:0px!important;}
.mb1{margin-bottom:1px!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;}
.mb35{margin-bottom:35px!important;}
.mb40{margin-bottom:40px!important;}
.mb45{margin-bottom:45px!important;}
.mb50{margin-bottom:50px!important;}

.ml0{margin-left:0px!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;}

.mr0{margin-right:0px!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;}

.mr13{ margin-right:13px!important;}
/* padding */
.pt0{padding-top:0px!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;}
.pt35{padding-top:35px!important;}
.pt40{padding-top:40px!important;}
.pt50{padding-top:50px!important;}
.pb0{padding-bottom:0!important;}
.pb5{padding-bottom:5px!important;}
.pb50{padding-bottom:50px!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;}
.pb35{padding-bottom:35px!important;}
.pb40{padding-bottom:40px!important;}
.pb45{padding-bottom:45px!important;}
.pb50{padding-bottom:50px!important;}
.pl0{padding-left:0 !important;}
.pl5{padding-left:5px!important;}
.pl10{padding-left:10px!important;}
.pl12{padding-left:12px!important;}
.pl20{padding-left:20px!important;}
.pl40{ padding-left:40px!important;}
.pr0{padding-right:0px!important;}
.pr5{padding-right:5px!important;}
.pr50{padding-right:50px!important;}

.center{
	text-align:center;
}

/* 共通border */
.line{ border:2px solid #cf1010;}
/* ダミー画像 */
.dummy{background:#000; opacity:0.2;}

.under_line{ border-bottom:2px solid #f00; padding-bottom:-5px;}
.red{ color:#F00; font-weight:bold;}
.background_none{ background:none !important;}
.bold{ font-weight:bold;}
.overF{ overflow:hidden;}
.fL{ float:left;}
.fR{ float:right;}

/* @media all end */
}


@media screen and ( max-width: 480px ) {
body {
	font-size:10px;
}
}