@charset "utf-8";

/* +++++++++++ Contents Index ++++++++++

 【base.css】

	[reset]
　　*All
　　*Font
　　*Link
　　*Form

	[汎用class]
　　*All
　　*Font
	*Margin-bottom
　　*Clearfix

 +++++++++++++++++++++++++++++++++++ */

/* ------------------------------------------------------------
	Reset
------------------------------------------------------------ */

/* All
------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
	font-size: 100%;
	font-family: inherit;
}
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; }
em, strong {
	font-weight: bold;
	font-style: normal;
}
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
img { vertical-align: bottom; } /* 画像の下にできる隙間をなくす */
hr { display: none; } /* hr 要素は不可視で使う */
html { overflow-y: scroll; } /* Firefoxで常時、縦スクロールバーを表示 */
a { overflow: hidden; outline: none; } /* FireFoxでリンク選択時の点線を消す　*/

/* Font
------------------------------------------------- */
body {
    color: #777;
    font: 12px/1.8 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"MS Pゴシック","MS P Gothic",sans-serif;
	*font-size: 75%; /* for IE6,7 12px…75% 13px…82% */
	/* *font-family: "MS Pゴシック","MS P Gothic"; */
}

/* Link
------------------------------------------------- */
a:link { color: #777; text-decoration:none; } /* 未訪問 */
a:visited { color: #777; text-decoration:none; } /* 訪問済み */
a:hover { color: #777; text-decoration:underline; } /* マウスオーバー時 */
a:active {  color: #777; text-decoration:none; } /* クリック時 */

/* Form
------------------------------------------------- */
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;  
}  


/* ------------------------------------------------------------
	汎用class
------------------------------------------------------------ */

/* All
------------------------------------------------- */
a.line { text-decoration: underline; }
a.no_line { text-decoration: none; }
.nowrap { word-wrap: break-word; } /* テーブル内での文字の折り返しを禁止 */
.hidden { overflow: hidden; } /* コンテンツのはみ出し防止&フロート解除 */
.f_l { float: left; } 
.f_r { float: right; } 
.clear { clear: both; } 
.rollover a:hover img { /* 透明度を利用したロールオーバー */
	opacity: 0.8;
	filter: alpha(opacity=80);
}
img.preload { display: none; } /* 画像プリロード */

/* Font
------------------------------------------------- */
/* 基本サイズ12px */
.font10 { font-size:84%; }
.font11 { font-size:92%; }
.font12 { font-size:100%; }
.font13 { font-size:109%; }
.font14 { font-size:117%; }
.font15 { font-size:125%; }
.font16 { font-size:134%; }
.font17 { font-size:142%; }
.font18 { font-size:150%; }
.font19 { font-size:159%; }
.font20 { font-size:167%; }
.font21 { font-size:175%; }
.font22 { font-size:184%; }
.font23 { font-size:192%; }
.font24 { font-size:200%; }
.font25 { font-size:209%; }
.font26 { font-size:217%; } 

/* 基本サイズ13px
.font10 { font-size:77%; }
.font11 { font-size:85%; }
.font12 { font-size:93%; }
.font13 { font-size:100%; }
.font14 { font-size:108%; }
.font15 { font-size:116%; }
.font16 { font-size:124%; }
.font17 { font-size:131%; }
.font18 { font-size:139%; }
.font19 { font-size:147%; }
.font20 { font-size:154%; }
.font21 { font-size:162%; }
.font22 { font-size:170%; }
.font23 { font-size:177%; }
.font24 { font-size:185%; }
.font25 { font-size:193%; }
.font26 { font-size:200%; } */

.bold { font-weight:bold; }
.black { color: #000000; }
.white { color: #FFFFFF; }
.red { color: #FF0000; }
.blue { color: #0000FF; }
.yellow { color: #FFFF00; }

.t_c { text-align: center;}
.t_r { text-align: right;}
.t_l { text-align: left;}

/* Margin-bottom
------------------------------------------------- */
.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb25 { margin-bottom:25px; }
.mb30 { margin-bottom:30px; }
.mb35 { margin-bottom:35px; }
.mb40 { margin-bottom:40px; }
.mb45 { margin-bottom:45px; }
.mb50 { margin-bottom:50px; }
.mb55 { margin-bottom:55px; }
.mb60 { margin-bottom:60px; }
.mb65 { margin-bottom:65px; }
.mb70 { margin-bottom:70px; }
.mb75 { margin-bottom:75px; }
.mb80 { margin-bottom:80px; }
.mb85 { margin-bottom:85px; }
.mb90 { margin-bottom:90px; }
.mb95 { margin-bottom:95px; }
.mb100 { margin-bottom:100px; }

/* Clearfix
------------------------------------------------- */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix { *zoom: 1; } /* for IE6,7 */