@charset "UTF-8";

/* CSS Document */

@import url(reset.css);

body {
	background-color:#fff;
  font-family:'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}



/* header */

header{
	padding-top:5px;
	width:100%;
	//height:55px;
	background-color:#0066ff;
	/*background-color:#0800af;*/
	//border-bottom:1px solid #ccd0ef;
}

header .inner{
	margin:auto 0;
	position:relative;
}

h1.top{
	margin-left:10px;
}


div#tbml {
	font-size:0;
	padding:0px;
	margin:5px 5px 0px 0px;
	float:right;
	background-image:url(../images/common/nav_ml_on.png);
	background-size: 19px 19px;
	background-position:0px 0px;
	background-repeat:no-repeat;
}


/* nav */

nav#main{
	/*メインナビ群*/
	position:absolute;
	bottom:-25px;
	overflow:hidden;
	width:100%;
	text-align: center;
}

nav#main ul{
	margin:0;
	width:100%;
	//display: inline-block;
	font-size:0;
	position: relative;
}


nav#main ul li{
	padding: 0;
	/*しきり?*/
	//border-right:2px solid  #3544bf;
	border-right:2px solid  #5096ff;
	display:inline-block;
	zoom: 1;
}

nav#main ul li.lt{
	border:none;
}

nav#main ul li a {
	position: relative;
	display: inline-block;
	padding: 0;
	text-decoration: none;
}

nav#main ul li a::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	background-color: #fff;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

nav#main ul li a:hover::after {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
}

#tbtp{
	background-image:url(../images/common/nav_top_on.png);
	background-size:24px 20px;
	background-repeat:no-repeat;
}
#tbcp{
	background-image:url(../images/common/nav_cp_on.png);
	background-size:64px 20px;
	background-repeat:no-repeat;
}

#tbps{
	background-image:url(../images/common/nav_ps_on.png);
	background-size:74px 20px;
	background-repeat:no-repeat;
}

#tbwk{
	background-image:url(../images/common/nav_wk_on.png);
	background-size:40px 20px;
	background-repeat:no-repeat;
}

#tbrr{
	background-image:url(../images/common/nav_rr_on.png);
	background-size:48px 20px;
	background-repeat:no-repeat;
}

#tbct{
	background-image:url(../images/common/nav_ct_on.png);
	background-size:58px 20px;
	background-repeat:no-repeat;
}

/*
.tbml_使わない{
	background-image:url(../images/common/nav_ml_on.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

.tbtw_使わない{
	background-image:url(../images/common/nav_tw_on.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
}
*/

/*追加 「PC版を見る」*/
.comment {
	margin-top: 0px;
	margin-bottom: 4px;
	margin-left: 5px;
	font-size: 12px;
	text-align: left;
}

.comment a {
	padding: 0px 0px;
}

.clearDiv{
	clear: both;
	height: 0px;
}
/*追加*/

/* contents */

#contents-wrapper{
	margin:0 auto;
	width:100%;
}

#contents-wrapper-oth{
	margin:0 auto;
	width:100%;
}



/* footer */

footer{
	margin:5px 0 0 0;
	width:100%;
	height:60px;
	background-color:#696970;
	border-top:1px solid #d2d2d7;
	clear:both;
}

footer .inner{
	margin:0 auto;
}

.at{
	margin-top:5px;
	width:300px;
	margin-left:5px;
	font-family:'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'Josefin Sans', sans-serif;
	font-size:8px;
	color:#fff;
	clear:both;
}

.copyright {
	font-family:'Josefin Sans', sans-serif;
	font-size:12px;
}

.yt-btn{
	margin:5px 5px 5px 0;
	width:105px;
	height:19px;
	background-image:url(../images/common/yakatan_btn_on.png);
	background-size: 105px 19px;
	float:right;
}

.yt-btn img{
	vertical-align:baseline;
}

/*	壁紙プレゼントのため追加	*/
.at2{
	margin:15px auto 0;
	width:260px;
	font-family:'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'Josefin Sans', sans-serif;
	font-size:8px;
	color:#fff;
}

.yt-wp-btn{
	margin:5px 10px 5px 10px;
	width:17px;
	height:19px;
	background-image:url(../images/common/yakatan_wp_btn_on.png);
	background-size: 17px 19px;
	float:right;
}

.yt-wp-btn img{
	vertical-align:baseline;
}
/*	壁紙プレゼントのため追加	*/


/* pc view */

#pc-view {
	position: fixed;
	bottom: 65px;
	left: -120px;
	font-size: 70%;
	z-index:5;
}

#pc-view a {
	display: block;
	text-decoration: none;
	width: 112px;
	height: 40px;
	//background: url(../images/common/pcview.png) no-repeat 0 0;
	//background-size: 112px 40px;
}

/* scrool */

#page-top {
	position: fixed;
	width:112px;
	bottom: 65px;
	right: -120px;
	font-size: 70%;
	z-index:5;
}

#page-top a {
	display: block;
	text-decoration: none;
	width: 112px;
	height: 40px;
	//background: url(../images/common/topscrool.png) no-repeat 0 0;
	//background-size: 112px 40px;
}

/*やかたんの表示切り替えをjsに処理を譲渡するため外す
#page-top a:hover {
	background-position: 140px 45px;
}
*/

/*	壁紙プレゼントのため追加	*/
#wp{
	margin:0 auto;
	//padding:97px 115px 54px 115px;
	width:258px;
	height:250px;
	background-image:url(../images/common/wp/wp_bg.jpg);
	background-repeat:no-repeat;
	background-size:100%;
}

#wp ul{
}

#wp ul li{
	float:left;
	margin-top: 65px;
}

.wpl{
	margin:0px 32px 30px 39px;
}

.wps{
	margin:0 150px 0 42px;
}
/*	壁紙プレゼントのため追加	*/

/*	壁紙バレンタイン対応	*/
#wp2{
	margin:0 auto;
	//padding:97px 115px 54px 115px;
	width:258px;
	height:250px;
	background-image:url(../images/common/wp/wp_VD_bg.jpg);
	background-repeat:no-repeat;
	background-size:100%;
}

#wp2 ul li{
	float:left;
	margin-top: 65px;
}
/*	壁紙バレンタイン対応	*/

/*	壁紙サマー対応	*/
#wp3{
	margin:0 auto;
	//padding:97px 115px 54px 115px;
	width:258px;
	height:250px;
	background-image:url(../images/common/wp/wp_SMR_bg.jpg);
	background-repeat:no-repeat;
	background-size:100%;
}

#wp3 ul li{
	float:left;
	margin-top: 65px;
}
/*	壁紙サマー対応	*/

/*	壁紙クリスマス対応	*/
#wp4{
	margin:0 auto;
	//padding:97px 115px 54px 115px;
	width:258px;
	height:250px;
	background-image:url(../images/common/wp/wp_XMS_bg.jpg);
	background-repeat:no-repeat;
	background-size:100%;
}

#wp4 ul li{
	float:left;
	margin-top: 65px;
}
	
/*	壁紙正月対応	*/
#wp5{
	margin:0 auto;
	//padding:97px 115px 54px 115px;
	width:258px;
	height:250px;
	background-image:url(../images/common/wp/wp_HNY_bg.jpg);
	background-repeat:no-repeat;
	background-size:100%;
}

#wp5 ul li{
	float:left;
	margin-top: 65px;
}
/*	壁紙バレンタイン2018対応	*/
#wp6{
	margin:0 auto;
	//padding:97px 115px 54px 115px;
	width:258px;
	height:250px;
	background-image:url(../images/common/wp/wp_VD2018_bg.jpg);
	background-repeat:no-repeat;
	background-size:100%;
}

#wp6 ul li{
	float:left;
	margin-top: 65px;
}
/*	壁紙正月対応	*/
#wp7{
	margin:0 auto;
	//padding:97px 115px 54px 115px;
	width:258px;
	height:250px;
	background-image:url(../images/common/wp/wp_HNY2022_bg.jpg);
	background-repeat:no-repeat;
	background-size:100%;
}

#wp7 ul li{
	float:left;
	margin-top: 65px;
}
/*	ノーマル壁紙	*/
#wp0{
	margin:0 auto;
	//padding:97px 115px 54px 115px;
	width:258px;
	height:250px;
	background-image:url(../images/common/wp/wp_NM_bg.jpg);
	background-repeat:no-repeat;
	background-size:100%;
}

#wp0 ul li{
	float:left;
	margin-top: 65px;
}
/*	壁紙対応	*/
/*HTML 5 support */
header, section, footer, aside, nav, article, figure {
	display: block;
}