@charset "UTF-8";


/* INDEX
-------------------------------------------
1. universal styles of elements (CSS RESET)
#ガイドラインが規定されたすべての要素について、全サイト共通の基本となるスタイルを規定します。
2. general-purpose classes
#コーディング作業でよく使うと思われる汎用のクラスです。
-------------------------------------------*/


/* 1. universal styles of elements 
-------------------------------------------*/

body{
margin:0px;
padding:0px;
}

h1,h2,h3,h4,h5,h6,p,li,dt,dd,br,a,sub,sup{
margin:0px;
padding:0px;
font-size:100%;
font-weight:normal;
}

strong{
margin:0px;
padding:0px;
font-size:100%;
font-weight:bold;
}

ul{
margin:0px;
padding:0px;
list-style:none;
}

ol{
margin:0px 0px 0px 2em;
padding:0px;
list-style-type:decimal;
}

dl{
margin:0px;
padding:0px;
}

hr{
margin:0px;
padding:0px;
}

img{
margin:0px;
padding:0px;
border:none;
}

table,thead,tfoot,tbody,tr,th,td{
margin:0px;
padding:0px;
border:none;
border-collapse:collapse;
font-size:100%;
font-weight:normal;
text-align:left;
vertical-align:top;
}

form,button,select{
margin:0px;
padding:0px;
}

input,option{
/* default */
}

textarea{
margin:0px;
padding:0px;
font-size:100%;
}

object{
margin:0px;
padding:0px;
}

/* 2. general-purpose classes 
-------------------------------------------*/

.hide{
visibility:hidden;
}

.hide-gnavi{
display:none;
}

.txtc{
text-align:center;
}

.txtr{
text-align:right;
}

.txtl{
text-align:left;
}

.txtvt{
vertical-align:top;
}

.txtvm{
vertical-align:middle;
}

.txtvb{
vertical-align:bottom;
}

.fonts{
font-size:80%;
}

.fontm{
font-size:110%;
}

.fright{
float:right;
}

.fleft{
float:left;
}

.fright_b{
float:right;
display:block;
}

.fleft_b{
float:left;
display:block;
}

.clr{
clear:both;
width:1px;
height:1px;
}

.clr_l{
clear:left;
}

.clr_r{
clear:right;
}


.clearfix:after{
clear:both;
display:block;
height:0px;
visibility:hidden;
content:".";
}
.clearfix{
display:inline-block;
}
* html .clearfix{
height:1%;
}
.clearfix{
display:block;
}