@charset "utf-8";

/* ======================
Standard CSS setting for OSSI's web development.
ROOT.CSS Version 0.1(beta)
Last modified:05/08/2008 
====================== */

/* ========== import ========== */
@import url('base.css');
@import url('content.css');

/* ========== initialize & reset ========== */
html {overflow-y:scroll;}  
*{margin:0; padding:0;}
img{border:none;}
caption,th{text-align:left;}
table{border-collapse:collapse; border-spacing:0;}
ul{list-style:none;}

/* ========== clearfix ========== */
.clrFix:after{content:"."; clear:both; height:0; display:block; visibility:hidden;}
*:first-child+html .clrFix{display:inline-block;}/* for IE7 */
*html .clrFix{display:inline-block;}/* for IE6 */
.clear{clear:both; height:1px;}
.clear-h10{clear:both; height:10px;}

/* ========== common setting =========== */
/* hide from browser */
.hide{display:none;}
hr{display:none;}
hr.dot{display:block;	clear:both;	margin-bottom:20px; border:none ;border-top:dotted 1px #BDBDBD; height:1px;}
/* float */
.lt{float:left; margin:0 15px 15px 0;}
.ct{display:block;.t-align:center; margin:0 auto 15px auto;}
.rt{float:rignt; margin:0 0 15px 15px;}
.f-lt{float:left;}
.f-rt{float:rignt;}
/* text align */
.a-lt{text-align:left;}
.a-ct{text-align:center;}
.a-rt{text-align:right;}
/* text align */
.v-t{vertical-align:top;}
.v-m{vertical-align:middle;}
.v-b{vertical-align:bottom;}
/* margin */
p{margin-bottom:20px;}
.sectionA{margin-left:20px;}
.sectionB{margin-right:20px; margin-left:20px;}
.sectionC{margin-left:0px; clear:both;}
.mb0{margin-bottom:0px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mt20{margin-top:20px;}
.h-10{height:10px;}
.h-20{height:20px;}

/* color */
.red{color:#ab3229;}

/* ========== universal font size setting =========== */
/* firefox */
body{font-size:78%; font-family:"ＭＳ ゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Arial, sans-serif; color:#292929; line-height:175%;}
/* IE6 */
* html body{font-size:72%;}
/* IE7 */
*:first-child+html body{font-size:72%;}
/* font size setting sample */
.small {font-size:0.7em; line-height:165%; margin-bottom:1em;}
.medium{font-size:0.8em; line-height:165%; margin-bottom:1em;}
.large {font-size:1.0em; line-height:165%; margin-bottom:1em;}
.big   {font-size:1.2em; line-height:165%; margin-bottom:1em;}
.huge  {font-size:1.3em; line-height:165%; margin-bottom:1em;}

/* anchor */
a:link{color:#104d93;}
a:visited{color:#104d93;}
a:hover{color:#C90E0E;}
a:active{color:#99cc00;}