@charset "UTF-8";

/* 東京マルイ - layout.css
	COPYRIGHT(C) TOKYO MARUI Co., Ltd. All rights reserved.

	[Layout]
		1, Site Header
		2, Site Navigation
		3, Visual
		4, Contents
		5, Footer
		6, Layout Pattern
		7, Category RC/IRC

*/

/* site header
----------------------------------------------------*/
#global_header {
	background-image: url(../images/bg_header_01.png);
	background-repeat: repeat-x;
}
#global_header #header_inner {
	position: relative;
	z-index: 10;
	width: 960px;
	margin: auto;
	font-size: 120%;
	padding-top: 11px;
	padding-bottom: 23px;
}
#global_header #logo {
	float: left;
	margin-bottom: 0;
}
#global_header #tagline {
	float: left;
	padding-left: 26px;
	padding-top: 21px;
	font-size: 1px;
	line-height: 1px;
}

#header_nav {
	float: right;
	width: 251px;
	/*420px;*/
}
#header_nav ul {
	float: left;
	padding-top: 21px;
	/*padding-right: 145px;*/
	margin-right: -13px;
	line-height: 1px;
	font-size: 1px;
}
#header_nav ul li {
	float: left;
	margin-right: 13px;
	padding-left: 11px;
	padding-left: 10px;
	background-image: url(../images/ic_arrow_03.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#header_nav ul li a {
	line-height: 1px;
	font-size: 1px;
}
#header_nav #site_search {
	position: absolute;
	top: 11px;
	right: 0;
	width: 156px;
	height: 21px;
	padding-top: 10px;
	overflow: hidden;
	*zoom: 1;
}
#header_nav #site_search dt input {
	float: left;
	width: 129px;
	height: 17px;
	border: 1px solid #b4b4b4;
	border-right: none;
}
#header_nav #site_search dd input {
	overflow: hidden;
	vertical-align: top;
}

/* site navigation
----------------------------------------------------*/
/* Global Navigation */
#global_nav {
	position: relative;
	width: 960px;
	height: 0;
	z-index: 1000;
	margin: auto;
	font-size: 120%;
}
#global_nav > ul {
	position: absolute;
	top: -11px;
	right: -1px;
}
#global_nav > ul > li {
	position: relative;
	float: left;
}
#global_nav .dropdown {
	display: none;
	position: absolute;
	top: 32px;
	left: 0;
	z-index: 1;
	background-color: #CBCBCB;
	-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
	-ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
	-o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
	/*behavior: url(/common/css/PIE.htc);*/
	*zoom: 1;
}
#global_nav #catalog {
	position: static;
}
#global_nav #catalog > .dropdown {
	left: 0;
}
#global_nav .dropdown .dropdown_inner {
	min-height: 105px;
	margin-top: 4px;
	margin-bottom: 4px;
	padding: 8px 11px 9px 11px;
	border-top: 1px solid #555555;
	border-bottom: 1px solid #555555;
	background-color: #F0F0F0;
	overflow: hidden;
	*zoom: 1;
}
#global_nav .dropdown.column1 .dropdown_inner {
	width: 158px;
}
#global_nav .dropdown.column2 .dropdown_inner {
	width: 367px;
}
#global_nav .dropdown.column3 .dropdown_inner {
	width: 562px;
}
#global_nav .dropdown.column4 .dropdown_inner {
	width: 757px;
}
#global_nav #catalog .dropdown_inner {
	width: 637px;
}
#global_nav .dropdown .age {
	float: left;
	width: 453px;
	margin-right: 12px;
	overflow: hidden;
	*zoom: 1;
}
#global_nav .dropdown .other {
	float: left;
	width: 172px;
	*zoom: 1;
}
#global_nav .dropdown h3 {
	margin-bottom: 3px;
}
#global_nav .dropdown .column {
	width: 172px;
	float: left;
	margin-right: 23px;
	padding-bottom: 12px;
	color: #555555;
	font-size: 91%;
	overflow: hidden;
	*zoom: 1;
}
#global_nav .dropdown .age .column {
	width: 230px;
	margin-right: 12px;
}
#global_nav .dropdown .age .column:first-child {
	width: 210px;
}

#global_nav .dropdown .column h3 {
	margin-bottom: 2px;
	padding-top: 2px;
	padding-left: 6px;
	padding-bottom: 2px;
	border-bottom: 1px solid #afafaf;
	background-color: #cecece;
	color: #000;
	font-weight: normal;
}
#global_nav .dropdown .age h3 {
	margin-bottom: 2px;
	padding-top: 0px;
	border-bottom: none;
	background-color: transparent;
	color: #000;
	font-weight: normal;
}
#global_nav .dropdown .column dd,
#global_nav .dropdown .column li {
	margin-bottom: 2px;
	padding-bottom: 2px;
	padding-left: 16px;
	border-bottom: 1px dotted #afafaf;
}
#global_nav .dropdown .column li {
	float: none;
	border-bottom-style: solid;
}
#global_nav .dropdown .column a {
	color: #555555;
}
#global_nav .dropdown .column h3 a {
	color: #000;
}
#global_nav .dropdown.column1 .column {
	width: 158px;
}
#global_nav .dropdown .end,
#global_nav .dropdown .age .end {
	margin-right: 0;
}
#global_nav .age_seven {
	margin-bottom: 13px;
}
#global_nav .age_seven h3 {
	margin-bottom: 4px;
}

/* Local Navigation(Toppage Only) */
#local_nav {
	background-color: #FFFFFF;
	background-position: left top;
	background-repeat: repeat-x;
}
#local_nav ul {
	overflow: hidden;
	*zoom: 1;
}
#local_nav ul li {
	float: left;
}

/* Bread crumb */
#topic_path {
	margin-bottom: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #afafaf;
	font-size: 91%;
}
#topic_path li {
	display: inline;
}
#topic_path li a {
	padding-right: 12px;
	background-image: url(../images/ic_arrow_02.png);
	background-position: right center;
	background-repeat: no-repeat;
	color: #545454;
	text-decoration: none;
	*zoom: 1;
}
#topic_path li a:hover {
	text-decoration: underline;
}
#topic_path li a:visited {
	text-decoration: none;
}

/* Main visual base
----------------------------------------------------*/
#visual {
	font-size: 120%;
}

/* contents (Base)
----------------------------------------------------*/
#container {
	width: 960px;
	margin: auto;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #FFFFFF;
}

#contents {
	width: 960px;
	margin: auto;
	font-size: 120%;
}

#contents_inner {
	background-repeat: repeat-y;
	background-position: right top;
	*zoom: 1;
}

/* main
----------------------------------------------------*/
#main {
	float: left;
	width: 663px;
}
#main #primary {
	width: 416px;
}
#main #secondary {
	width: 210px;
}

/* sidebar
----------------------------------------------------*/
#sub {
	float: right;
	width: 243px;
}

/*-- Shadow Banner Box --*/
#s_box {
	width: 210px;
	padding-bottom: 30px;
	padding-left: 16px;
	padding-right: 17px;
	background-position: right top;
	background-repeat: no-repeat;
	*zoom: 1;
}
#s_box h1 {
	margin-bottom: 8px;
	font-size: 1px;
	line-height: 1px;
}

/*-- second page pickup area --*/
#area_pickup {
	position: relative;
	width: 226px;
	padding-right: 17px;
	/*padding-bottom: 20px;*/
	background-color: #FFFFFF;
	*zoom: 1;
}
#area_pickup h1 {
	position: absolute;
	top: -26px;
	border-top: 2px solid #FFFFFF;
}
#area_pickup .inner_pickup {
	border: 1px solid #afafaf;
	border-top: none;
	border-bottom-width: 3px;
}
#area_pickup .block_pickup {
	padding: 10px 12px 9px;
	background-image: url(../images/bg_pickup_01.png);
	background-repeat: repeat-x;
	background-position: left top;
	*zoom: 1;
}
#area_pickup .block_pickup p {
	margin-bottom: 10px;
}

/*-- second page side navi --*/
#sub_nav {
	position: relative;
	width: 227px;
	padding-top: 22px;
	padding-left: 17px;
	padding-bottom: 10px;
	background-color: #FFFFFF;
	*zoom: 1;
}
#sub_nav .title {
	position: absolute;
	top: -4px;
}
#sub_nav ul {
	*zoom: 1;
}
#sub_nav > ul {
	border: 1px solid #afafaf;
	border-top: none;
	*zoom: 1;
}
#sub_nav > ul > li {
	border-top: 1px solid #afafaf;
	background-color: #FFFFFF;
}
#sub_nav .subcontents {
	padding-left: 33px;
	padding-right: 12px;
	margin-bottom: 4px;
}
#sub_nav .subcontents li {
	margin-top: -1px;
	padding-top: 7px;
	padding-bottom: 6px;
	border-top: 1px dotted #afafaf;
}
#sub_nav .subcontents li a {
	display: block;
	height: 13px;
	padding-left: 12px;
	background-image: url(../images/ic_arrow_03.png);
	background-position: left center;
	background-repeat: no-repeat;
}
#sub_nav .subcontents li a img {
	vertical-align: top;
}
#sub_nav .subcontents li a:hover {
	background-image: url(../images/ic_arrow_04.png);
}
#sub_nav .subcontents .current a {
	background-image: url(../images/ic_arrow_04.png);
}
#sub_nav .movie {
	margin-top: 10px;
}

/* Sidebar Banner area
----------------------------------------------------*/
/*-- banner list --*/
.s_bnr, .other, .bnr_pickup {
	margin-bottom: 10px;
	padding-bottom: 10px;
	*padding-bottom: 6px;
	border-bottom: 1px dotted #afafaf;
	*zoom: 1;
}
.s_bnr li, .other li, .bnr_pickup li {
	margin-top: 4px;
}

/*-- search --*/
.s_bnr dl {
	margin: 0;
	padding: 0;
}
.s_bnr .search {
	margin-top: 10px;
	padding-left: 3px;
	border: 1px solid #dadada;
	background: url(../images/bnr/side/search/bg_search.gif);
	/width: 205px;
	/margin-top: 0;
}
.s_bnr .search dt {
	margin: 0 0 5px 2px;
}
.s_bnr .search dd {
	margin-bottom: 3px;
}

/*-- twitter & mobile --*/
.other {
	margin-top: 0;
	margin-bottom: 7px;
	*margin-bottom: 3px;
	padding-bottom: 0;
	border-bottom: none;
}
.other li {
	*margin-top: 0;
	*margin-bottom: 4px;
}

/*-- special banner --*/
/* SNS button
----------------------------------------------------*/
#btn_sns {
	overflow: hidden;
	*zoom: 1;
}
#btn_sns li {
	float: left;
	overflow: hidden;
	margin-right: 7px;
}
#btn_sns #fb {
	width: 73px;
}
#btn_sns #fb .fb-like {
	width: 73px;
	overflow: hidden;
}

/* レイアウトパターン */
/* layout-A
----------------------------------------------------*/
/* トップページなど */
.layout_a #contents_inner {
	background-image: url(../images/bg_sub_mdl_01.gif);
}
.layout_a #main {
	float: left;
	padding-left: 17px;
}
.layout_a #sub {
	float: right;
}
.layout_a #s_box {
	background-image: url(../images/bg_sub_top_01.png);
}

/* layout-B
----------------------------------------------------*/
/*-- 左メインカラム 右サイドバー --*/
.layout_b #contents_inner {
	background-image: url(../images/bg_sub_mdl_03.gif);
}
.layout_b #main {
	float: left;
	padding-left: 17px;
}
.layout_b #sub {
	float: right;
}
.layout_b #s_box {
	padding-top: 12px;
	border-top: 20px solid #FFFFFF;
	background-image: url(../images/bg_sub_top_04.png);
}

/* layout-C
----------------------------------------------------*/
/*-- 右メインカラム 左サイドバー --*/
.layout_c #visual {
	height: 119px;
	min-width: 960px;
	max-width: 100%;
	margin: auto;
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	*zoom: 1;
}
.layout_c #visual_inner {
	position: relative;
	width: 960px;
	margin: auto;
}
.layout_c #visual_inner h1 {
	position: absolute;
}
.layout_c #contents_inner {
	background-image: url(../images/bg_sub_mdl_04.gif);
	background-position: left top;
}
.layout_c #main {
	float: right;
	padding-right: 17px;
}
.layout_c #main #primary {
	float: left;
}
.layout_c #main #secondary {
	float: right;
}
.layout_c #sub {
	float: left;
}
.layout_c #s_box {
	padding-top: 12px;
	padding-left: 17px;
	padding-right: 16px;
	border-top: 20px solid #FFFFFF;
	background-image: url(../images/bg_sub_top_05.png);
}

/* フッター
----------------------------------------------------*/
#global_footer {
	padding-bottom: 20px;
	*zoom: 1;
}

#footer_bnr_inner {
	position: relative;
	width: 960px;
	margin: auto;
	*background-color: #F4F4F4; /* for IE7 */
}

#footer_bnr_area {
	padding-top: 13px;
	padding-bottom: 12px;
	border-top: 1px solid #b0b0b0;
	background-color: #F4F4F4;
}
#footer_bnr_area ul {
	width: 876px;
	margin: auto;
	/* margin-right: -6px; */
	overflow: hidden;
	*zoom: 1;
	text-align: center;
}
#footer_bnr_area ul li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	/*width: 216px;*/
	/* float: left; */
	/* margin-right: 3px; */
	text-align: center;
}
#footer_bnr_area ul li > a > img {
	padding-left: 3px;
	padding-right: 3px;
}
#footer_bnr_area ul li p {
	margin-top: 5px;
	margin-bottom: 0;
	font-size: 1px;
	line-height: 10px;
}
#footer_bnr_area ul li p img {
	vertical-align: bottom;
}
#footer_bnr_area #prev_carousel,
#footer_bnr_area #next_carousel {
	position: absolute;
	top: 50%;
	width: 17px;
	height: 26px;
	margin-top: -13px;
	background-image: url(../images/bg_arrow_01.png);
	background-repeat: no-repeat;
	cursor: pointer;
}
#footer_bnr_area #prev_carousel {
	left: 15px;
	background-position: 0 0;
}
#footer_bnr_area #prev_carousel:hover {
	background-position: 0 -27px;
}
#footer_bnr_area #next_carousel {
	right: 15px;
	background-position: -18px 0;
}
#footer_bnr_area #next_carousel:hover {
	background-position: -18px -27px;
}
#footer_bnr_area .carousel_indicator {
	margin-top: 5px;
	text-align: center;
}
#footer_bnr_area .carousel_indicator span {
	display: inline-block;
	*dispaly: inline;
	width: 10px;
	height: 10px;
	margin-right: 2px;
	border-radius: 5px;
	background-color: #E2E2E2;
	*zoom: 1;
}
#footer_bnr_area .carousel_indicator span.active {
	background-color: #B5B5B5;
}

#footer_nav {
	border-top: 1px solid #444444;
}
#footer_nav ul {
	position: relative;
	width: 960px;
	margin: auto;
	font-size: 120%;
	padding-top: 13px;
	overflow: hidden;
	*zoom: 1;
	font-size: 1px;
	line-height: 1px;
}
#footer_nav ul li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding-right: 14px;
	padding-left: 10px;
	background-image: url(../images/ic_arrow_03.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 1px;
	line-height: 1px;
}
#footer_nav ul li a {
	font-size: 1px;
	line-height: 1px;
	*zoom: 1;
}
#footer_nav ul li a img {
	vertical-align: top;
}
#footer_nav ul #copyright {
	position: absolute;
	right: 0;
	padding: 0;
}



/* category
----------------------------------------------------*/
.category_rc,
.category_proz {
	background-image: url(../images/bg_contents_01.png);
	background-repeat: repeat-x;
}
.category_jokaku {
	background: url(../../jokaku/himeji/images/bg_himeji_01.gif) no-repeat center top;
}

/*-- Site Header --*/
.category_rc #global_header #header_inner,
.category_proz #global_header #header_inner,
.category_jokaku #global_header #header_inner {
	padding-bottom: 10px;
}
.category_rc #header_nav,
.category_proz #header_nav,
.category_jokaku #header_nav {
	width: 357px;
	/*55%;*/
}
/*-- Global Navigation --*/
.category_rc #global_nav,
.category_proz #global_nav,
.category_jokaku #global_nav {
	position: relative;
	width: 100%;
	height: auto;
	z-index: 5;
	top: 0;
	right: 0;
	border-top: 1px solid #FFFFFF;
	border-bottom: 5px solid #afafaf;
	background-image: url(../../rcirc/images/bg_nav_01.png);
	background-position: left top;
	background-repeat: repeat-x;
}
.category_jokaku #global_nav {
	background: #000000;
}

.category_rc #global_nav > ul,
.category_proz #global_nav > ul,
.category_jokaku #global_nav > ul {
	position: relative;
	top: 0;
	left: 0;
	width: 715px;
	margin: auto;
	padding-left: 245px;
}
.category_proz #global_nav > ul {
	/*width: 894px;
	padding-left: 66px;*/
	width: 715px;
	padding-left: 245px;
}
.category_rc #global_nav .dropdown,
.category_proz #global_nav .dropdown,
.category_jokaku #global_nav .dropdown {
	top: 31px;
}

/*-- Local Navigation --*/
.category_rc #local_nav,
.category_proz #local_nav,
.category_jokaku #local_nav {
	padding: 2px 17px 0;
	background-image: url(../../rcirc/images/bg_lnav_01.png);
	background-position: left top;
	background-repeat: no-repeat;
}
.category_rc #local_nav h1,
.category_proz #local_nav h1,
.category_jokaku #local_nav h1 {
	margin-bottom: 10px;
	text-align: center;
}

.category_rc #local_nav ul {
	margin-right: -12px;
}
.category_rc #local_nav ul li {
	position: relative;
	width: 457px;
	margin-right: 12px;
}
.category_rc #local_nav ul.three_btn li,/*class*/
.category_proz #local_nav ul {
	margin-right: -11px;
}
.category_rc #local_nav ul.three_btn li,/*class*/
.category_proz #local_nav ul li {
	position: relative;
	width: 301px;
	margin-right: 11px;
}

.category_rc #local_nav ul li a,
.category_proz #local_nav ul li a {
	display: block;
	margin-bottom: 8px;
}
.category_rc #local_nav ul li p,
.category_proz #local_nav ul li p {
	padding-left: 10px;
	padding-right: 10px;
	line-height: 1.9;
}
.category_rc #local_nav ul li p {
	text-align: center;
}
.category_rc #local_nav ul.three_btn li p{text-align: left;}/*class*/
.category_rc #local_nav ul li .icon_new,
.category_proz #local_nav ul li .icon_new {
	position: absolute;
	top: 94px;
	left: 8px;
}