@charset "shift_jis";
/* ===================================================================
CSS information

 file name  :otoku.css
 style info :otoku繧ｫ繝�ざ繝ｪ繝壹�繧ｸ逕ｨCSS
=================================================================== */

/* -----------------------------------------------------------
	otoku index
----------------------------------------------------------- */
.section {
	clear:both;
}
.section.otoku,
.section.campaign,
.section.appli {
	margin-left:30px;
}

.txt {
	float:right;
	width:460px;
}

.tit {
	padding-bottom:8px;
	border-bottom:1px dotted #edb0da;
}

#article .txt h2 {
	float:left;
	width:335px;
	margin-bottom:0;
	padding-left:14px;
	background:url(../otoku/img/icon-arrow.jpg) no-repeat 0 50%;
	font-weight:normal;
}

.txt .link {
	float:right;
	width:68px;
	margin-bottom:0;
	padding-right:30px;
}

.txt .link img {
	vertical-align:middle;
}

.txt .info {
	padding:6px 30px 0 14px;
}

.bnr {
	float:left;
	width:231px;
}

#otoku_content div:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
/* -----------------------------------------------------------
	#otoku_content
----------------------------------------------------------- */

#otoku_menu{
	margin-bottom:20px;
}

#otoku_menu ul.select{
	overflow:hidden;
	border-left:1px solid #a3006e;
	zoom:1;
}

#otoku_menu ul.select > li{
	float:left;
	position:relative;
	border-top:1px solid #a3006e;
	border-bottom:1px solid #a3006e;
	border-right:1px solid #a3006e;
	-webkit-transition:200ms ease-out;
	transition:200ms ease-out;
}

#otoku_menu ul.select > li.current{
	border-bottom-color:transparent;
	background-color:#fff6fc;
}

#otoku_menu ul.select > li > a{
	display:block;
	padding-bottom:8px;
	height:71px;
	width:186px;
	line-height: 71px;
	text-align:center;
}

#otoku_menu ul.select > li:before{
	content:'';
	visibility:hidden;
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:0;
	background-color:#a3006e;
	-webkit-transition:height 200ms ease-out;
	transition:200ms ease-out;
}

#otoku_menu ul.select > li.current:before{
	content:' ';
	visibility:visible;
	height:4px;
}

#otoku_menu .sub_block{
	border-left:1px #a3006e solid;
	border-right:1px #a3006e solid;
	padding:20px 13px 20px 25px;
	overflow:hidden;
}

#otoku_menu .sub_block ul li{
	width:125px;
	float: left;
}

#otoku_menu .sub_block ul li a{
	padding:3px 0;
}
#otoku_menu .sub_block ul li a:hover{
	color:#fff;
	background-color: #a3006e;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
 /* IE */	/*filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffa3006d, endcolorstr=#ffa3006d, gradienttype=0));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffa3006d, endcolorstr=#ffa3006d, gradienttype=0))";
	zoom: 1;*/
}

#otoku_menu .sub_block ul li a span{
	padding:0 13px 0 20px;
	background-image: url(../otoku/img/menu/icon-subcategory.gif);
	background-position: 9px 4px;
	background-repeat: no-repeat;
}
#otoku_menu .sub_block ul li a:hover span{
	background-image: url(../otoku/img/menu/icon-subcategory_current.gif);
}

#otoku_menu .sub_block ul li.current a{
	color:#fff;
	background-color: #a3006e;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
 /* IE */	/*filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffa3006d, endcolorstr=#ffa3006d, gradienttype=0));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffa3006d, endcolorstr=#ffa3006d, gradienttype=0))";
	zoom: 1;*/
}
#otoku_menu .sub_block ul li.current a span{
	background-image: url(../otoku/img/menu/icon-subcategory_current.gif);
}

#otoku_menu #otoku_sub{

}
#otoku_menu #campaign_sub{
	display:none;
}
#otoku_menu #app_sub{
	display:none;
}


/* -----------------------------------------------------------
	髢｢騾｣繝�繝ｼ繝薙�
----------------------------------------------------------- */

.txt p.movie{
	margin:0; padding:0 0 0 20px;
	line-height:150%;
	background:url(../campaign/img/icon-movie.gif) no-repeat left 50%;
}
.txt p.movie a{
	text-decoration:underline;
}
