@charset "utf-8";

/******************************
common
******************************/





html {
	overflow-y: scroll;
	font-size: 62.5%;
}

h1,h2,h3,h4,h5,h6,input,textarea,table {
	font-size: 100%;
	font-weight: normal;
}

body,h1,h2,h3,h4,h5,h6,table,tr,th,td,caption,p,div,dl,dt,dd,ul,ol,li,a,img,iframe {
	margin: 0;
	padding: 0;
}

dt,dd,form,textarea,input,select,option,address,em {
	font-weight:normal;
	font-style: normal;
}
	
td,th {
	font-weight:normal;
	vertical-align:top;
	text-align:left;
	}

img {
	border: none;
	vertical-align: baseline;
	background-size: 720px 46px;
	background-repeat: no-repeat;
}

table { border:none; }

a {	border:none;
	text-decoration:none;
}

ul,ol,li { list-style-type:none; }



/******************************
body
******************************/

body {

	background:url(../cmn_img/bg_body.gif) left top repeat;
	color: #000000;
	font-size:14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, Roboto, 'Droid Sans', "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
/*
	font-family: "メイリオ", Meiryo, Verdana, Roboto, 'Droid Sans', "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
*/
	
	*font-size:small;
	*font:x-small;
	text-align:center;
	vertical-align:top;
	-webkit-text-size-adjust: 100%;
}


/******************************
Option
******************************/
.clear { clear:both; }
.textR { text-align:right; }
.textC { text-align:center; }
.textL { text-align:left; }
.floatL { float:left; }
.floatR { float:right; }

/******************************
clearfix
******************************/

.clearfix:after {
    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
 
.clearfix {
    min-height: 1px;
}
 
* html .clearfix {
    height: 1px;
    /*¥*//*/
    height: auto;
    overflow: hidden;
    /**/
}

/*********************************
各種色、フォント設定
*********************************/
a {	text-decoration: underline;
	color: #333333;}

a:hover { text-decoration: none;}

.bold {font-weight:bold;}
.normal {font-weight: normal;}
.red { color:#FF0000;}
.dred{ color: #C00;}
.pink {color:#F03190;}
.white{color:#FFFFFF;}
.gry{color:#333333;}
.fs80 {font-size: 80%;}

/******************************
margin
******************************/
.mr1{ margin-right: 1px;}
.mr2{ margin-right: 2px;}
.mr3{ margin-right: 3px;}
.mr4{ margin-right: 4px;}
.mr5{ margin-right: 5px;}
.mr6{ margin-right: 6px;}
.mr7{ margin-right: 7px;}
.mr8{ margin-right: 8px;}
.mr9{ margin-right: 9px;}
.mr10{ margin-right: 10px;}
.mr15{ margin-right: 15px;}
.mr20{ margin-right: 20px;}
.mr26{ margin-right: 26px;}
.mr27{ margin-right: 27px;}
.mr30{ margin-right: 30px;}
.mr40{ margin-right: 40px;}
.mr50{ margin-right: 50px;}


.ml1{ margin-left: 1px;}
.ml2{ margin-left: 2px;}
.ml3{ margin-left: 3px;}
.ml4{ margin-left: 4px;}
.ml5{ margin-left: 5px;}
.ml6{ margin-left: 6px;}
.ml7{ margin-left: 7px;}
.ml8{ margin-left: 8px;}
.ml9{ margin-left: 9px;}
.ml10{ margin-left: 10px;}
.ml20{ margin-left: 20px;}
.ml30{ margin-left: 30px;}
.ml40{ margin-left: 40px;}
.ml50{ margin-left: 50px;}


.mt5{ margin-top: 5px;}
.mt7{ margin-top: 7px;}
.mt10{ margin-top: 10px;}
.mt15{ margin-top: 15px;}
.mt20{ margin-top: 20px;}
.mt30{ margin-top: 30px;}
.mt40{ margin-top: 40px;}
.mt50{ margin-top: 50px;}
.mt60{ margin-top: 60px;}
.mt70{ margin-top: 70px;}
.mt80{ margin-top: 80px;}

.mb5{ margin-bottom: 5px;}
.mb10{ margin-bottom: 10px;}
.mb20{ margin-bottom: 20px;}
.mb30{ margin-bottom: 30px;}
.mb40{ margin-bottom: 40px;}
.mb50{ margin-bottom: 50px;}
.mb60{ margin-bottom: 60px;}

.pt40{ padding-top: 40px;}
.pt60{ padding-top: 60px;}
.pt80{ padding-top: 80px;}


/*********************************
装飾設定
*********************************/

/*リンク画像にのせたら色が薄くなる*/
a:hover {
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

/*テキストシャドウ*/
.textsh {
    text-shadow: 1px 1px 3px #000;
}
  
 /*ボックスシャドウ*/ 
.boxsh {
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}
 
 /*ボックスシャドウ内側*/ 
.boxsh-in {
    -moz-box-shadow: inset 1px 1px 3px #000;
    -webkit-box-shadow: inset 1px 1px 3px #000;
    box-shadow: inset 1px 1px 3px #000;
}

/*角丸*/  
.kadomaru {
    border-radius: 8px; 
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px; 
}

/*トランジション*/ 
.tran {
    -webkit-transition: 1.5s;
    -moz-transition: 1.5s;
    -o-transition: 1.5s;
    transition: 1.5s;
}
 
/*透明*/ 
.transparence {
    filter: alpha(opacity=25);
    -moz-opacity:0.25;
    opacity:0.25;
}
 
/*背景のみ透明*/ 

.bg-transparence{
    background-color:rgba(255,255,255,0.2);
}
 
/*グラデーション*/ 

.gradation {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000')";
    background-image: -moz-linear-gradient(top, #ffffff, #000000);
    background-image: -ms-linear-gradient(top, #ffffff, #000000);
    background-image: -o-linear-gradient(top, #ffffff, #000000);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#000000));
    background-image: -webkit-linear-gradient(top, #ffffff, #000000);
    background-image: linear-gradient(top, #ffffff, #000000);
}


/******************************
スマホ対応
******************************/

/*画面に表示される場合で、描画領域の横幅が480px以上*/ 
@media screen and (max-width: 480px){    
}

/*画面に表示される場合で、描画領域の横幅が320px以上*/ 
@media screen and (max-width: 320px){
}


/******************************
container
******************************/
#content{margin: 0; padding: 0;	}

/******************************
header
******************************/
#header {}