/* CSS Document */
@charset "utf-8";

html{
    height:100%;
}
body{
	font:"ヒラギノ角ゴ Pro W3", Osaka,"ＭＳ Ｐゴシック""sans-serif";
	color:#333;
	font-size:11px;
	line-height:140%;
	text-align:center;
	height:100%;
	margin:0px;
	padding:0px;
}
a:link{
	color:#415f66;
	text-decoration:none;
	border-style:none;
}
a:hover{
	color:#4682B4;
	text-decoration:underline;
	border-style:none;
}
a:visited{
	color:#708090;
	text-decoration:none;
	border-style:none;
}
a img {
    border-style:none;
}

/* ++++++++++++++++++++
			moji
	++++++++++++++++++++ */
h1 {
	font-size:18px;
	color:#fff;
	line-height:130%;
	text-align:center;
	margin:0px 0px 10px;
	padding:5px;
	background-image:url(../images2/parts/sp_back_cross_darkblue.png);
	background-repeat:repeat;
	border-radius: 4px;         /* CSS3 */
	-moz-border-radius: 4px;    /* Firefox */
	-webkit-border-radius: 4px; /* Safari,Chrome */
}
h2 {
	font-size:16px;
	color:#333;
	line-height:130%;
}
h3 {
	font-size:14px;
	color:#333;
	line-height:130%;
}
h4 {
	font-size:12px;
	color:#333;
	line-height:150%;
	margin:0px;
	padding:0px;
}
strong {
	font-size:13px;
	color:#FF7300;
	line-height:170%;
}

/* ++++++++++++++++++++
			header
	++++++++++++++++++++ */
#wrapper {
	 width:910px;
	 margin:0px auto;
	 text-align:left;
	 padding:0px;
	 position:relative;
	 min-height: 100%;
}

#header{
	width:910px;
	height:245px;
	padding:0px;
	background-image:url(../images2/parts/tittle2.png);
	background-position:top;
	background-repeat:no-repeat;
	text-align:left;
	margin-top:0px;
}
#header p{
	margin:0px;
	padding:5px 0px 0px;
}

#menu ul {
	text-align:center;
	padding:0px;
}
#menu li{
	font-size:12px;
	display:inline;
	padding:0px 8px;
}


/* ++++++++++++++++++++
	sp_topics CONTENTS
	++++++++++++++++++++ */

#sp_topics {
	width:910px;
	margin-top:5px;
	margin-bottom:20px;
	text-align:left;
	padding:0px;
		
}
#special {
	width:580px;/* margin-right:10px>>710 */
	height:180px;
	float:left;
	margin-right:10px;
	border:none;
	text-align:left;
	background-image:url(../images2/parts/sp_back_cross_graythin.png);
	background-repeat:repeat;
	border-radius: 2px;         /* CSS3 */
	-moz-border-radius: 2px;    /* Firefox */
	-webkit-border-radius: 2px; /* Safari,Chrome */
}
#topics img{
	margin:0px;
	padding:0px;
}
#topics {
	width:308px;/* LRpadding=12px>>200 */
	height:176px;
	float:left;
	margin:0px;
	padding:0px;
}
#topics_contents {
	color:#333;
	font-size:12px;
	line-height:150%;
	width:288px;
	height:163px;
	margin:0px;
	padding:4px 6px 0px;
	border:none;
	overflow:auto;
	background-image:url(../images2/parts/sp_topicsback.png);
	background-repeat:repeat;
	border-radius: 4px;         /* CSS3 */
	-moz-border-radius: 4px;    /* Firefox */
	-webkit-border-radius: 4px; /* Safari,Chrome */
	-webkit-box-shadow: 1px 1px 5px 0px #bbb; /* Safari, Chrome用 */
	-moz-box-shadow: 1px 1px 5px 0px #bbb; /* Firefox用 */
	box-shadow: 1px 1px 5px 0px #bbb; /* CSS3 */
}
#topics_contents h4{
	margin:0px;
	padding:4px 0px;
}
#topics_contents p{
	color:#555;
	border-bottom:1px dotted #bbb;
	margin-top:0px;
	padding:0px;
}

/* ++++++++++++++++++++
			main
	++++++++++++++++++++ */
.main {
	width:910px;
	clear:left;
	text-align:left;
	margin:0px;
	padding-top:0px;
	padding-bottom:180px;
}
#tab1, #tab2, #tab3 {
	width:910px;
	margin:0px;
	padding:20px 10px 30px 0px;
} 
/* ++++++++++++++++++++
		main_sidebar
	++++++++++++++++++++ */
.sidebar {
	width:150px;
	margin-right:30px;
	text-align:center;
	position: absolute;
	margin-top: 195px;

	*margin-top: 190px;  /* for IE7&6 */
}

.side001 {
	font-size:15px;
	color:#333;
	line-height:130%;
	display:block;
	width:210px;
	height:35px;
	line-height:220%;
	margin:0px 0px 5px;
	padding:0px;
	background-image:url(../images2/parts/side001.png);
	background-repeat:no-repeat;
}
.side003 {
	font-size:15px;
	color:#333;
	line-height:130%;
	display:block;
	width:210px;
	height:35px;
	line-height:220%;
	margin:0px 0px 5px;
	padding:0px;
	background-image:url(../images2/parts/side003.png);
	background-repeat:no-repeat;
}
.side004 {
	font-size:15px;
	color:#333;
	line-height:130%;
	display:block;
	width:210px;
	height:35px;
	line-height:220%;
	margin:0px 0px 5px;
	padding:0px;
	background-image:url(../images2/parts/side004.png);
	background-repeat:no-repeat;
}
.side005 {
	font-size:15px;
	color:#333;
	line-height:130%;
	display:block;
	width:210px;
	height:35px;
	line-height:220%;
	margin:0px 0px 5px;
	padding:0px;
	background-image:url(../images2/parts/side005.png);
	background-repeat:no-repeat;
}
.side006 {
	font-size:15px;
	color:#333;
	line-height:130%;
	display:block;
	width:210px;
	height:35px;
	line-height:220%;
	margin:0px 0px 5px;
	padding:0px;
	background-image:url(../images2/parts/side006.png);
	background-repeat:no-repeat;
}
.sidebar ul, .sidebar li{
	list-style-type:none;
}
.sidebar ul li a:hover  {
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}
.sidebar_001 {
	margin:5px auto 5px;
	padding:0px;
}
.sidebar_002 {
	margin:5px auto 15px;
	padding:0px;
}
.sidebar_003 {
	margin:5px auto 15px;
	padding:0px;
}
.sidebar_004 {
	margin:5px auto 15px;
	padding:0px;
}
.sidebar_005 {
	margin:5px auto 15px;
	padding:0px;
}
.sidebar_006 {
	margin:5px auto 15px;
	padding:0px;
}


.information {
	width:190px;
	margin:20px 0px 10px 10px;
	padding:10px 5px 5px 5px;
	border:1px solid #bbb;
	text-align:left;
	border-radius: 2px;         /* CSS3 */
	-moz-border-radius: 2px;    /* Firefox */
	-webkit-border-radius: 2px; /* Safari,Chrome */
}
.information img{
	margin:0px 0px 5px;
}
.information dl {
    display: table;
    width: 180px;
	color:#333;
	font-size:12px;
	margin:0px 0px 2px;
	padding: 5px;
	background-color:#F0F0F0;
	border-radius: 4px;         /* CSS3 */
	-moz-border-radius: 4px;    /* Firefox */
	-webkit-border-radius: 4px; /* Safari,Chrome */
}
.information dt, .information dd {
    display: table-cell;
    vertical-align: middle;
}
.information dt {
    width: 50px;
	margin:0px;
	padding:0px;
}
.information dd {
    width: 120px;
	margin:0px;
	padding-left:5px;
}
.information dt:hover a {
   filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}
.side_ad {
	width:200px;
	text-align:left;
	margin:10px 0px 5px 10px;
	padding:0px;
}
.side_ad img {
	margin-bottom:2px;
}
.side_ad a:hover img {
   filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}

/* ++++++++++++++++++++
		main_ranking
	++++++++++++++++++++ */
.shohin {
	width:660px;
	float: right;
	margin-top: 14px;
}
.ranking {
	text-align:center;
}
.ranking img {
	margin:0px;
	padding:0px;
}
ul.ranking_list {
	width: 632px;
	height:165px;
	margin: 0px 0px 30px;
	padding: 10px;
	list-style-type: none;
	border-top:6px ridge #0066FF;
	border-bottom:6px ridge #0066FF;
}
/* --- リスト項目 --- */
ul.ranking_list li {
	text-align:left;
	width: 19.9%; 
	float: left;
}
/* --- 項目内容 --- */
ul.ranking_list dl {
	width: 118px; /* 内容の幅 */
	margin: 0 auto; /* 内容のセンタリング */
	font-size: 12px;
	line-height:13px;
}
ul.ranking_list dt {
	height:25px;
	margin: 0 0 5px; /* キャプションエリアのマージン（上、左右、下） */
}
ul.ranking_list dd {
	font-size:12px;
	line-height: 150%;
}
ul.ranking_list dd img{
	margin-bottom:5px;
}
ul.ranking_list dt, ul.ranking_list dd {
	margin-left: 0px;
	margin-right: 0px;
}
dt.ranking000{
	padding-left:28px;
	background-image:url(../images2/parts/buttobiyajirushi.png);
	background-repeat:no-repeat;
	background-position:left;
}
dt.ranking001{
	padding-left:28px;
	background-image:url(../images2/parts/icon_no1.png);
	background-repeat:no-repeat;
	background-position:left;
}
dt.ranking002{
	padding-left:28px;
	background-image:url(../images2/parts/icon_no2.png);
	background-repeat:no-repeat;
	background-position:left;
}
dt.ranking003{
	padding-left:28px;
	background-image:url(../images2/parts/icon_no3.png);
	background-repeat:no-repeat;
	background-position:left;
}
dt.ranking004{
	padding-left:28px;
	background-image:url(../images2/parts/icon_no4.png);
	background-repeat:no-repeat;
	background-position:left;
}
dt.ranking005{
	padding-left:28px;
	background-image:url(../images2/parts/icon_no5.png);
	background-repeat:no-repeat;
	background-position:left;
}

/* ++++++++++++++++++++
	main_shohin
	++++++++++++++++++++ */

ul.plan_tittle {
	text-align:left;
	padding:0px;
}
ul.plan_tittle li{
	font-size:16px;
	display:inline;
	margin:0px 5px 0px 0px;
	padding:0px;
}

/* ++++++++++++++++++++
	main_plan001_4コラム
	++++++++++++++++++++ */
.plan001 {
	width:660px;
	margin:0px auto 30px;
	padding-left:12px;
	border-left:1px solid #bbb;
	border-bottom:2px solid #bbb;
	border-radius: 4px;         /* CSS3 */
	-moz-border-radius: 4px;    /* Firefox */
	-webkit-border-radius: 4px; /* Safari,Chrome */
	padding-bottom: 10px;
}
.plan001 ul {
	text-align:left;
	margin:5px 0px 0px;
	padding:0px;
}
.plan001 ul li{
	color:#333;
	font-size:16px;
	line-height:130%;
	display:inline;
	padding:0px 2px;
}


/* --- リストエリア --- */
ul.plan001_list {
	width: 648px; /* リストエリアの幅 */
	margin: 5px 0px 0px;
	padding: 0px; /* リストエリアのパディング（上、左右、下） */
	list-style-type: none;
}
.clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearFix {
	min-height: 1px;
}
/* --- リスト項目 --- */
ul.plan001_list li {
	width: 150px; /* 項目の幅 */
	float: left;
	margin-right:12px;
	margin-bottom:10px;
	padding:0px;
}

ul.plan001_list a:hover img {
   filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}

/* --- 項目内容 --- */
ul.plan001_list dl {
	width: 150px; /* 内容の幅 */
	margin: 0px; /* 内容のセンタリング */
	padding: 0px;
}

/* --- 写真エリア --- */
ul.plan001_list dt {
	width:150px;
	height:105px;
	margin-bottom: 5px; /* 写真エリアの下マージン */
}

/* --- キャプションエリア --- */
ul.plan001_list dd {
	width:150px;
	height:42px;
	font-size:12px;
	line-height: 150%;
	margin-bottom:10px;
}
ul.plan001_list dt, ul.plan001_list dd {
	margin-left:0px;
	margin-right:0px;
}
ul.plan001_list h3 {
	color:#29548A;
	line-height:150%;
	margin:0px;
	padding:0px;
}

.plan001-A { /* 仕切りの点線ありのボックス */
	margin-bottom:20px;
}






/* ++++++++++++++++++++
	main_plan002_2コラム
	++++++++++++++++++++ */
.plan002 {
	width:660px;
	margin:0px auto 30px;
	padding-left:12px;
	border-left:1px solid #bbb;
	border-bottom:2px solid #bbb;
	border-radius: 4px;         /* CSS3 */
	-moz-border-radius: 4px;    /* Firefox */
	-webkit-border-radius: 4px; /* Safari,Chrome */
}
.plan002 ul {
	text-align:left;
	margin:5px 0px 0px;
	padding:0px;
}
.plan002 ul li{
	color:#333;
	font-size:16px;
	line-height:130%;
	display:inline;
	padding:0px 2px;
}


/* --- リストエリア --- */
ul.plan002_list {
	width: 648px; /* リストエリアの幅 */
	margin: 5px 0px 0px;
	padding: 0px; /* リストエリアのパディング（上、左右、下） */
	list-style-type: none;
}

/* --- リスト項目 --- */
ul.plan002_list li {
	width: 300px; /* 項目の幅 */
	float: left;
	margin:0px 10px 10px 0px;
	padding:0px 5px 5px 5px;
	border-radius: 4px;         /* CSS3 */
	-moz-border-radius: 4px;    /* Firefox */
	-webkit-border-radius: 4px; /* Safari,Chrome */
}
ul.plan002_list li p {
	text-align:center;
	color:#fff;
	font-size:12px;
	line-height:150%;
	margin:0px;
	margin-bottom:10px;
	padding:0px;
}
ul.plan002_list li h3 {
	line-height:150%;
	margin:2px 0px;
	padding:0px ;
}

ul.plan002_list li.asa {
	border:2px solid #F06163;
}
ul.plan002_list li.asa p {
	background-color:#F06163;
}
ul.plan002_list li.asa h3 {
	color:#F06163;
}


ul.plan002_list li.yoru {
	border:2px solid #7357A6;
}
ul.plan002_list li.yoru p {
	background-color:#7357A6;
}
ul.plan002_list li.yoru h3 {
	color:#7357A6;
}

.plan002_2column {
	width:138px;
	float:left;
	font-size:12px;
	line-height:150%;
	margin:0px;
	padding:0px 5px 0px;
}
.plan002_2column strong{
	margin:0px;
	padding:0px;
}
.plan002_2column h4 {
	text-align:center;
	line-height:130%;
	margin:0px 0px 5px;
	padding:2px 2px 2px 0px;
	background-image:url(../images2/parts/sp_back_cross_graythin.png);
	background-repeat:repeat;
}
.ichiran {
	clear:left;
}
.ichiran a {
	border-right:1px solid #bbb;
	border-bottom:1px solid #bbb;
	margin-right:10px;
	margin-bottom:30px;
	padding-right:5px;
	border-radius: 2px;         /* CSS3 */
	-moz-border-radius: 2px;    /* Firefox */
	-webkit-border-radius: 2px; /* Safari,Chrome */
}
.plan002-A { /* 仕切りの点線ありのボックス */
	margin-bottom:20px;
	border-bottom:2px dashed #eee;
}
.plan002-B { /* 仕切りの点線なしのボックス */
	margin-bottom:none;
}
.ichiran {
	clear:left
}
.ichiran a {
	border-right:1px solid #bbb;
	border-bottom:1px solid #bbb;
	margin-right:10px;
	margin-bottom:30px;
	padding-right:5px;
	border-radius: 2px;         /* CSS3 */
	-moz-border-radius: 2px;    /* Firefox */
	-webkit-border-radius: 2px; /* Safari,Chrome */
}


/* ++++++++++++++++++++
	main_plan003
	++++++++++++++++++++ */
	
.plan003 {
	width:660px;
	margin:0px auto 30px;
	padding-left:12px;
	border-left:1px solid #bbb;
	border-bottom:2px solid #bbb;
	border-radius: 4px;         /* CSS3 */
	-moz-border-radius: 4px;    /* Firefox */
	-webkit-border-radius: 4px; /* Safari,Chrome */
}
ul.plan003_list {
	width: 648px;
	margin: 0px;
	padding: 0px; 
	list-style-type: none;
}
ul.plan003_list li.asa, ul.plan003_list li.yoru {
	margin:5px 0px 10px;
	padding:0px 5px 5px;
	border-radius: 4px;         /* CSS3 */
	-moz-border-radius: 4px;    /* Firefox */
	-webkit-border-radius: 4px;
	height: 90px;
}

ul.plan003_list li p {
	display:block;
	width:240px;
	color:#fff;
	font-size:12px;
	line-height:150%;
	margin:0px 0px 5px;
	padding:0px 10px;
	border-bottom-right-radius: 4px;   /* CSS3 */
	-moz-border-radius-bottomright: 4px;    /* Firefox */
	-webkit-border-bottom-right-radius: 4px;
}


ul.plan003_list li.asa {
	border:2px solid #F06163;
}
ul.plan003_list li.asa p {
	background-color:#F06163;
}
ul.plan003_list li.yoru {
	border:2px solid #7357A6;
}
ul.plan003_list li.yoru p {
	background-color:#7357A6;
}
.plan003_yoru .yoru_hidari {
	color:#7357A6;
	background-repeat: no-repeat;
}
.plan003_asa .asa_hidari {
	color:#F06163;
}
plan003_yoru, plan003_asa{
	margin:5px 0px 0px 0px;
	padding:0px;
}

.plan003_yoru .yoru_hidari, .plan003_asa .asa_hidari {
	font-size:12px;
	line-height:150%;
	float:left;
	width:170px;
	margin:0px;
	padding:0px 10px 0px 0px;
	border-right: 2px solid #bbb;
}

.plan003_yoru .yoru_migi, .plan003_asa .asa_migi {
	float:left;
	width:442px;
	margin:0px;
	padding:0px 0px 0px 10px;
}


/*+++++table+++++ */

table#plan003table {
	margin:0px;
	padding:0px;
}
table#plan003table a{
	color:#333;
	font-size:12px;
	margin:0px;
	padding:0px;
}

.yoru_migi table#plan003table td:hover a {
	color: #6691BD;
    background-color: #E3DDED;
	text-decoration:none;
}
.asa_migi table#plan003table td:hover a {
	color: #6691BD;
    background-color: #FCDFE0;
	text-decoration:none;
}
table#plan003table tr {
	margin:0px;
	padding:0px;
}
table#plan003table td {
	width:150px;
}

table#plan003table #table_blank:hover{
	background-color: #fff;
}






/* ++++++++++++++++++++
	main_plan004
	++++++++++++++++++++ */
	
.plan004 {
	width:660px;
	margin:0px auto 30px;
	padding-left:12px;
	border-left:1px solid #bbb;
	border-bottom:2px solid #bbb;
	border-radius: 4px;         /* CSS3 */
	-moz-border-radius: 4px;    /* Firefox */
	-webkit-border-radius: 4px; /* Safari,Chrome */
}
.plan004 p {
	font-size:14px;
	color:#1F457D;
	margin:10px 0px 2px;
	padding:5px 0px;
}

/*+++++table+++++ */

table#plan004table {
    width: 648px;
	margin:5px 0px 10px;
	padding:0px 0px 10px;
	border-bottom:2px dashed #eee;
}
table#plan004table a{
    width: 648px;
	color:#333;
	font-size:12px;
	margin-top:5px;
}
table#plan004table td:hover a {
    background-color: #EFFBFF;
    color: #6691BD;
	text-decoration:none;
}
table#plan004table tr {
	margin:0px auto 10px;
}
table#plan004table td {
	width:100px;
}

table#plan004table #table_blank:hover{
	background-color: #fff;
}




/* ++++++++++++++++++++
			FOOTER
	++++++++++++++++++++ */	
#footer {
	width:100%;
	color:#688997;/* keycolor */
	text-align:left;
	height:150px;
	bottom:0px;
	padding-left:30px;
	background-image:url(../images2/parts/footer.png);
	background-repeat:no-repeat;
	background-position:bottom;
	position: absolute;
}
#footer .shamei{
	font-size:14px;
	margin:0px 0px 5px;
	padding:0px;
}
#footer address{
	font-size:9px;
	font-style:normal;
	line-height:180%;
	margin:0px;
	padding:0px;
}


/* ======================================================
						Jquery
	====================================================== */
	
/* ++++++++++++
	SLIDEbotton
	++++++++++++ */

#container, #container2, #container3 {
	width: 540px;
	margin: 0px auto;
	padding:0px;
	background-color:e7d533;
}

#banner, #banner2, #banner3 {
	margin:0px auto;
	padding:0px;
}
#banner ul, #banner2 ul, #banner3 ul {
	list-style: none;
	position: relative;
	overflow: hidden;
	width: 520px;
	height: 130px;
	margin-top:5px;
	margin-left: 10px;
	padding: 0px;
}
#banner ul li, #banner2 ul li, #banner3 ul li {
	float: left;
	width: 520px;
	position: absolute;
	margin: 0px;
	padding: 0px;
	background-color:#FFF;
}
#banner ul li a:hover, #banner2 ul li a:hover, #banner3 ul li a:hover  {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

#btn-prev, #btn-prev2, #btn-prev3 {
	position: relative;
	left:-20px;
	top: -85px;
	border-style:none;
}
#btn-next, #btn-next2, #btn-next3 {
	position: relative;
	right:-520px;
	top: -85px;
	border-style:none;
}



/* ++++++++++++
	TAB WINDOW
	++++++++++++ */
	
.tab, .tab li, .tab li a, .tab li a img {/*クリックするタブ部分*/
    float: left;
	display:inline;
	margin-bottom:0px;
	margin-right:5px;
	text-align:center;
}
.tab li a {
	color:#333;
	font-size:18px;
	display:block;
	width:120px;
	height:40px;
	padding-top:2px;
	line-height:270%;
	text-align:center;
	background-image:url(../images2/parts/tab_botton.png);
	background-repeat:no-repeat;
	background-position:bottom;
}

.tab li a:hover  {
	color:#333;
	font-size:18px;
	display:block;
	width:120px;
	height:40px;
	padding-top:2px;
	line-height:270%;
	text-decoration:none;
	background-image:url(../images2/parts/tab_botton.png);
	background-repeat:no-repeat;
	background-position:bottom;
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}
.tab li.active a  {
	color:#fff;
	font-size:19px;
	display:block;
	width:120px;
	height:40px;
	line-height:200%;
	text-decoration:none;
	background-image:url(../images2/parts/tab_botton-.png);
	background-repeat:no-repeat;
	background-position:bottom;
}
.content {/*++++++++++切り替わる部分を囲うメインのボックス++++++++++*/
    clear: both;
    overflow: hidden;
    width: 910px;
	margin:0px;
	padding-bottom:10px;
	background-color:#FFF;
	border-radius: 10px;         /* CSS3 */
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */

	-webkit-box-shadow: 3px 3px 15px 5px #ddd; /* Safari, Chrome用 */
	-moz-box-shadow: 3px 3px 15px 5px #ddd; /* Firefox用 */
	box-shadow: 3px 3px 15px 5px #ddd; /* CSS3 */
}

.area {/*切り替わる部分はまず全部消しておく*/
    display: none;
}