@charset "UTF-8";

/*-------------------- 
--------------------- 

サイトのベースとなるcss

---------------------
--------------------*/

/*-------------------- 
	Reset
--------------------*/
html {-webkit-text-size-adjust: 100%}

body {
  margin:0;
	padding:0;
	color:#333;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  position: relative !important;
	background:#fff !important;
}


h1, h2, h3, h4, h5, h6, p, dl, dt, dd {
	margin: 0;
	padding: 0;
	font-weight:normal;
}

img {
    max-width: 100%;
    height: auto;
}


article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

ul {
	list-style:none;
	padding:0;
}
li {
	padding:0;
}

ol{
	margin: 0;
	padding:5px 0 5px 20px;
}

input, select {
/*    vertical-align:middle;*/
}

a {
	color:#FF3D6E;
	text-decoration:underlinw;
}

/*-------------------- 
	Base
--------------------*/

body {
	width:100%;
    line-height:1.3;
    font-size:12px;
}

footer, section{
	padding:5px;
}

section p{
	line-height: 20px;
}

section table th{
	text-align: left;
}

/*------------------------------------------------------------ 
    書式設定 
------------------------------------------------------------*/  
/* テキストの位置 */  
.txtLeft { text-align: left !important; }  
.center { text-align: center !important; }  
.txtRight { text-align: right !important; }  
  
/* フォントの大きさ（プラス） */  
.fsP1 { font-size: 1.08em !important; }  
.fsP2 { font-size: 1.16em !important; }  
.fsP3 { font-size: 1.24em !important; }  
.fsP4 { font-size: 1.32em !important; }  
.fsP5 { font-size: 1.4em !important; }  
  
/* フォントの大きさ（マイナス） */  
.fsM1 { font-size: 0.92em !important; }  
.fsM2 { font-size: 0.84em !important; }  
.fsM3 { font-size: 0.76em !important; }  
.fsM4 { font-size: 0.68em !important; }  
.fsM5 { font-size: 0.6em !important; }  
  
/* フォントの太さ */  
.fwNormal { font-weight: normal !important; }  
.bold { font-weight: bold !important; }  
.red{color:red;}
  
/*------------------------------------------------------------ 
    レイアウト微調整用クラス（※多用しないこと） 
------------------------------------------------------------*/  
.fRight{float:right;}
.fLeft{float:left;}

.mt0 {margin-top: 0 !important;}
.mt5 {margin-top: 5px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}

.mb0 {margin-bottom: 0 !important;}
.mb5 {margin-bottom: 5px !important;}  
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}

.ml0 {margin-left: 0 !important;}
.ml5 {margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}

.mr0 {margin-right: 0 !important;}
.mr5 {margin-right: 0 !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}

/*------------------------------------------------------------ 
    汎用スタイル 
------------------------------------------------------------*/  
/*-----clearfix-----*/
.cBoth{clear:both;}
.cf:before,.cf:after { content:""; display:table; }
.cf:after { clear:both; }
.cf:after {  
    height: 0;  
    visibility: hidden;  
    content: ".";  
    display: block;  
    clear: both;  
} 

.goTop{
	clear:both;
	display: block;
	width:74px;
	height: 17px;
	margin:10px;
}




/*------------------------------------------------------------ 
    ヘッダー
------------------------------------------------------------*/  

header{
	height:43px;
}

#headlogo{
	float:left;
	width: 32%; 
	padding: 8px;
}

#headbtns{
	height:42px;
	width: 201px;
	float:right;
	margin:0;
}

#headbtns li a{
	float:left;
	-webkit-background-size: 353px auto;
	background-size: 353px auto;
	line-height: 42px;
	display: block;
	text-indent: -999999px;
}

#headbtns li.register a{
	background-position: 0 0;
	width: 70px;
}

#headbtns li.login a{
	background-position: -70px 0;
	width: 71px;
}

#headbtns li.menu a{
	background-position: -141px 0;
	width: 60px;
}

#headbtns li.mypage a{
	background-position: -202px 0;
	width: 69px;
}

#headbtns li.logout a{
	background-position: -271px 0;
	width: 71px;
}


/*------------------------------------------------------------ 
    フッダー
------------------------------------------------------------*/
footer{
	padding:10px;
}

footer div.links ul{
	text-align: center;
	margin: 0;
}

footer div.links ul li{
	display: inline-block;
	margin-right: 5px;
	font-weight: 500;
	line-height: 21px;
}

footer div.links ul li a{color:#333;}

footer p{
	clear:both;
	margin-top: 10px;
}

.copyright{
	font-size: 90%;
	text-align: center;
}