@charset "utf-8";



/* ベース */
html,body{ height: 100%; background: #FFFFFF; }
*{ margin: 0; padding: 0; border:none; list-style: none; }
h1 , h2 , h3 , h4 , h5 , h6{ font-weight: normal; }
.in-text{ text-indent: 100%; white-space: nowrap; overflow:hidden; }
img{ vertical-align: text-bottom; }
.relative{ position: relative; }
.absolute{ position: absolute; }
.check01{ background: #FF0000; }
.check02{ background: #00FF00; }
.check03{ background: #0000FF; }



/* リンク用モーション */
.link-motion{
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-animation: all 0.4s ease;
-o-transition: all 0.4s ease;
animation: all 0.4s ease;
}
.link-motion:hover{/* マウスオーバー */
opacity: 0.4;
}
/* 使用出来ないボタン */
.no-link{
opacity: 0.2;
}



/* シャドウ */
.shadow{
box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 6px 1px;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 6px 1px;
-moz-box-shadow :rgba(0, 0, 0, 0.2) 0px 1px 6px 1px;
}
/* 角丸 */
.flat{
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}



/* ナビ */
.navi{
width: 100%;
height: 105px;
min-width: 1100px;
background: #00897B url(../image/navi/bg.jpg) repeat-x center top;
margin: 0 auto;
}
.navi_content{	/* コンテンツ */
width: 1100px;
height: 85px;
margin: 0 auto;
padding: 10px 0 0 0;
}
.navi_content li{
height: 95px;
float: left;
margin: 0;
}

.navi_content_button a{
color: #FFFFFF !important;
display: block;
padding: 27px 20px;
}
.navi_content_button a:hover{
color: #FFFFFF;
background: #FFA000;
text-decoration: none;
}

.fixed{	/* ナビをfixedに */
background: #00897B url(../image/navi/bg02.jpg) repeat-x center top;
position: fixed;
top: 0;
left: 0;
z-index: 100;

box-shadow: rgba(0, 0, 0, 0.4) 0px 3px 15px 1px;
-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 3px 15px 1px;
-moz-box-shadow :rgba(0, 0, 0, 0.4) 0px 3px 15px 1px;
}



/* フッター */
.footer{
width: 100%;
min-width: 1100px;
background: url(../image/footer/bg.jpg) no-repeat center bottom fixed;
overflow: hidden;
margin: 0 auto;
}
.footer_bg{
width: 100%;
background: url(../image/blind.png) repeat center;
margin: 0 auto;
}
.footer_bg02{
width: 100%;
height: 20px;
background: url(../image/footer/bg02.jpg) repeat-x center top;
margin: 0 auto;
}
.footer_content{
width: 1100px;
text-align: center;
padding: 50px 0;
margin: 0 auto;
}
/* フッター ナビ */
.footer_content_navi{
width: 1100px;
margin: 0 auto 50px auto;
}
.footer_content_navi a{
margin: 0 20px;
color: #FFFFFF !important;
}
/* ツイッター＆戦Pチャンネル */
.footer_content_twitter-senpi{
width: 1100px;
margin: 0 auto 50px auto;
}
.footer_content_twitter{	/* ツイッター */
width: 537px;
height: 240px;
background: #FFFFFF;
float: left;
margin: 0 26px 0 0;
}
.footer_content_senpi{	/* 戦Pチャンネル */
width: 537px;
height: 240px;
float: left;
margin: 0;
}
/* リンク */
.footer_content_link{
width: 710px;
margin: 0 auto 50px auto;
}
.footer_content_link a{
float: left;
margin: 0 10px;
}
/* C表記 */
.footer_content_text{
width: 1100px;
text-align: center;
color: #FFFFFF !important;
margin: 0 auto;
}



/* 共通設定 */



/* 共通ヘッダー */
.common-header{
width: 100%;
min-width: 1100px;
height: 200px;
background: url(../image/footer/bg.jpg) no-repeat center top fixed;
overflow: hidden;
margin: 0 auto;
}
.common-header_bg{
width: 100%;
background: url(../image/blind.png) repeat center;
margin: 0 auto;
}
.common-header_content{
width: 1100px;
height: 200px;
margin: 0 auto;
}
.common-header_content_title{	/* 見出し */
width: 100%;
height: 160px;
top: 20px;
left: 0;
}



/* 包装 */
.wrapper{
width: 100%;
min-width: 1100px;
min-height: 400px;
background: #FFFFFF url(../image/wrapper-bg.jpg) repeat center center fixed;
overflow: hidden;
margin: 0 auto;
padding: 100px 0 200px 0;
}
.wrapper-bg{
width: 100%;
height: 250px;
background: url(../image/wrapper-bg02.png) repeat-x center top;
top: 0;
left: 0;
}
.content{
width: 1100px;
margin: 0 auto;
}



/* 汎用ボタン */
.commonbutton{
width: 100%;
text-align: center;
}
.common-button_button{
width: auto;
color: #FFFFFF !important;
border: #FFB81F 2px solid;
font-size: 18px;
text-align: center;
display: block;
float: left;
padding: 16px 20px;
margin: 0 10px;
cursor: pointer;
}
.common-button_button:hover{
text-decoration: none;
}
#commonbutton_01plain{	/* 基本 */
background: url(../image/common-button/01.gif) repeat-x center top;
}
#commonbutton_02plain{	/* 蜀 */
background: url(../image/common-button/02.gif) repeat-x center top;
}
#commonbutton_03plain{	/* 魏 */
background: url(../image/common-button/03.gif) repeat-x center top;
}
#commonbutton_04plain{	/* 呉 */
background: url(../image/common-button/04.gif) repeat-x center top;
}
#commonbutton_05plain{	/* その他 */
background: url(../image/common-button/05.gif) repeat-x center top;
}
#commonbutton_06plain{	/* 青 */
background: url(../image/common-button/06.gif) repeat-x center top;
}
#commonbutton_00plain{	/* 未開放 */
background: url(../image/common-button/00.gif) repeat-x center top;
}



/* floatクリア */
.float_clear{
width: 100%;
height: 0;
clear: both;
}



/* ページのTOPへ ボタン */
.return-top{
width: 117px;
height: 117px;
z-index: 10000;
background: url(../image/return-top_button.png) no-repeat center top;
position: fixed;
bottom: -117px;
right: 20px;
cursor: pointer;
}



/* フォント */
*{
font-family: 'メイリオ',sans-serif;
color: #424242;
}
::selection{
background: #00AE97;
color: #FFFFFF;
}



/* 色の追加 */
.T-white{
color: #FFFFFF;
}
.T-attention{
color: #00AE97;
}
.T-red{
color: #F44336;
}
.T-yellow {
color: #FFAB00;
}
.T-blue{
color: #0091EA;
}
.T-green{
color: #558B2F;
}
.T-out{
color: #7F7F7F;
}



/* サイズの設定 */
.T-10px{
font-size: 10px;
line-height: 20px;
}
.T-12px{
font-size: 12px;
line-height: 22px;
}
.T-14px{
font-size: 14px;
line-height: 24px;
}
.T-16px{
font-size: 16px;
line-height: 26px;
}
.T-18px{
font-size: 18px;
line-height: 28px;
}
.T-20px{
font-size: 20px;
line-height: 30px;
}
.T-22px{
font-size: 22px;
line-height: 32px;
}
.T-24px{
font-size: 24px;
line-height: 34px;
}
.T-26px{
font-size: 26px;
line-height: 36px;
}
.T-28px{
font-size: 28px;
line-height: 38px;
}
.T-30px{
font-size: 30px;
line-height: 40px;
}
.T-34px{
font-size: 34px;
line-height: 44px;
}



/* リンク時の設定 */
a:link{/* 未訪問 */
color: #00AE97;
text-decoration: none;
}
a:visited{/* 訪問済 */
color: #00AE97;
text-decoration: none;
}
a:hover{/* マウスオーバー */
color: #00AE97;
text-decoration: underline;
}
a:active{/* クリック */
color: #00AE97;
text-decoration: underline;
}



/* ウインドウサイズが600pxを下回る場合 */
@media screen and (max-width: 600px){







}