@charset "shift_jis";

/*//////////////////////////////////////////////////////////
//  - CSS for at PIA Features
//  - 2010-7
//////////////////////////////////////////////////////////*/

* {
	margin: 0 auto;
}

body #pia {
	margin: 0 auto;
}

#contents {
	width: 980px;
}
#header h1 { padding: 10px 0 10px 29px; }
/* - Common
----------------------------------------------------------*/

.contentsArea {
	width: 914px;
	color: #000;
	margin: 0;
	padding: 0 0 20px 0;
	line-height: 150%;
}

#shopping #sp-wrapper {
	margin: 0;
	padding: 0 0 20px 0;
}

.clear    { clear: both; }
.textbold { font-weight: bold; }


/* - Navigation
----------------------------------------------------------*/

#shopping #sp-navigation {
	width: 894px;
	min-height: 250px;
	_height: 250px;
	margin: 0 auto 0 10px;
	padding: 0;
}

#shopping #sp-navigation #navi-column {
	float: right;
	width: 574px;
	margin: 0 0 0 10px;
	padding: 0;
}

/* - left Navigation
----------------------------------------------------------*/
#shopping #sp-navigation #banner-column {
	float: left;
	width: 300px;
	background-color: #e0dddc;
}
#shopping #sp-navigation #banner-column h2{ margin: 0; padding: 0; }
#shopping #sp-navigation #banner-column h3{
	width: 275px;
	padding: 2px 0 2px 25px;
	background: #cccccc url(../img/arrow_b.gif) no-repeat 10px center;
}
#shopping #sp-navigation #banner-column h3.on{
	background: #ffffcc url(../img/arrow_c.gif) no-repeat 10px center;
}

#shopping #sp-navigation #banner-column div.category { padding-bottom: 20px;}
#shopping #sp-navigation #banner-column div.category li{
	background: url(../img/arrow_a.gif) no-repeat 0 center;
	margin-left: 22px;
	padding: 0 0 0 12px;
}

#shopping #sp-navigation #banner-column h3 a:link,
#shopping #sp-navigation #banner-column h3 a:visited,
#shopping #sp-navigation #banner-column li a:link,
#shopping #sp-navigation #banner-column li a:visited { color: #660033; }

#shopping #sp-navigation #banner-column div.banner{
	padding-top: 20px;
	background-color: #ffffff;
}

#shopping #sp-navigation #banner-column div.shiborisearch{
	text-align: center;
	padding: 10px auto 10px auto;
	margin-bottom: 10px;
}
#shopping #sp-navigation #banner-column div.shiborikomi ul{
	padding-top: 8px;
	padding-bottom: 10px;
}
#shopping #sp-navigation #banner-column div.shiborikomi li{
	margin-left: 22px;
	padding: 0;
}
#shopping #sp-navigation #banner-column div.shiborikomi p{ padding: 8px 8px 0 8px; }

/* - right shopping
----------------------------------------------------------*/
#shopping #sp-navigation #navi-column div.maintit {position: relative; }
#shopping #sp-navigation #navi-column div.maintit h2{
	margin: 0;
	padding: 16px 0 0 20px;
	width: 570px;
	height: 50px;
	background: url(../img/tit_bg.gif) no-repeat 0 0;
	text-decoration: none;
	color: #660033;
}
#shopping #sp-navigation #navi-column div.maintit p.btnlink { position: absolute; right: 5px; top: 15px; }

#shopping #sp-navigation #navi-column div.search { padding: 10px auto 20px auto; margin-left: 100px; margin-bottom: 20px; }
#shopping #sp-navigation #navi-column div.search_2 td,
#shopping #sp-navigation #navi-column div.search td{ padding-right: 10px; }
#shopping #sp-navigation #navi-column div.search_2 { padding: 0 0 20px 0; position: relative; }
#shopping #sp-navigation #navi-column div.search_2 p.btnlink { position: absolute; right: 5px; top: -25px; }

#shopping #sp-navigation #sp-index-01 {
	width: 570px;
	background-color: #fff;
	margin: 0;
}

#shopping #sp-navigation #sp-index-sp {
	crear: both;
	padding-top: 20px;
}

#shopping #sp-navigation #sp-index-01 div.box_osusume{ margin: 0; border: solid 1px #e0dddc; padding: 6px; position: relative; }
#shopping #sp-navigation #sp-index-01 div.box_osusume h3 { margin: 10px 2px 10px 2px; color: #660033; }
#shopping #sp-navigation #sp-index-01 div.box_osusume h3.search_view { background-color: #e0dddc; }
#shopping #sp-navigation #sp-index-01 div.box_osusume p.btnlink { position: absolute; right: 5px; top: 15px; }
#shopping #sp-navigation #sp-index-01 table.osusume td { width: 120px; vertical-align: top; text-align: center; }
#shopping #sp-navigation #sp-index-01 table.osusume td.sp1 { width: 9px; }
#shopping #sp-navigation #sp-index-01 td p.ph img { padding: 2px; border: solid 1px #CCCCCC; }

#shopping #sp-navigation #sp-index-01 li {
	background: url(../images/arrow_a.gif) no-repeat 0 center;
	margin: 0;
	padding: 0 0 0 10px;
}

#shopping #sp-navigation #sp-index-01 li a:link,
#shopping #sp-navigation #sp-index-01 li a:visited { color: #660033; }

#shopping #sp-navigation #sp-index-01 div.pageSort { padding: 0 0 10px 2px; }


#shopping #sp-navigation #sp-index-ninki {
	width: 560px;
	background-color: #ededed;
	margin: 0;
	padding: 6px;
}

#shopping #sp-navigation #sp-index-ninki table.top10 td { background: #EDEDED; width: 152px; vertical-align: top; text-align: center; padding-top: 10px; }
#shopping #sp-navigation #sp-index-ninki table.top10 td.rank { width: 34px; vertical-align: top; text-align: center; padding-left: 6px;}
#shopping #sp-navigation #sp-index-ninki table.top10 td.sp1 { background: #FFFFFF; width: 1px; }
#shopping #sp-navigation #sp-index-ninki table.top10 td p.ph img { padding: 2px; border: solid 1px #CCCCCC; }

#shopping #sp-navigation #sp-index-ninki p.keyword{
	padding: 10px;
}


/* - Return to TOP
----------------------------------------------------------*/

#shopping .totop {
	width: 110px;
	height: 20px;
	background: url(../img/btn_pagetop.gif) no-repeat 0 0;
	font-size: 10px;
	text-align: center;
	margin: 0 30px 0 auto;
	padding: 0;
}

#shopping .totop a:link,
#shopping .totop a:visited { color: #660033; }


/* - other page box 565px
----------------------------------------------------------*/
#shopping_box{ width: 565px; margin: 0; position: relative; }
#shopping_box h3 {
	color: #660033;
	background: url(../img/shopping_title.gif) no-repeat ;
	line-height: 1.2;
	height: 50px;
	padding: 8px 0 0 40px;
}
#shopping_box p.btnlink { position: absolute; right: 6px; top: 16px; }
#shopping_box table { padding: 5px; }
#shopping_box table td { width: 134px; vertical-align: top; text-align: center; }
#shopping_box table td.sp1 { width: 9px; }
#shopping_box td p.ph { padding-bottom: 5px; }
#shopping_box td p.ph img { padding: 2px; border: solid 1px #CCCCCC; }
#shopping_box td p.ph a:hover img { border: solid 1px #99cc33; }
#shopping_box p.txt{ margin: 10px; padding: 5px; background-color: #FFFFCC; }

/* - other page box 370px
----------------------------------------------------------*/
#shopping_box370{ width: 370px; margin: 0; position: relative; }
#shopping_box370 h3 {
	color: #660033;
	background: url(../img/shopping_title370.gif) no-repeat ;
	line-height: 1.2;
	height: 50px;
	padding: 8px 0 0 30px;
}
#shopping_box370 p.btnlink { position: absolute; right: 10px; top: 15px; }
#shopping_box370 table td { width: 110px; vertical-align: top; text-align: center; }
#shopping_box370 table td.sp1 { width: 8px; }
#shopping_box370 td p.ph { padding-bottom: 5px; }
#shopping_box370 td p.ph img { padding: 2px; border: solid 1px #CCCCCC; }
#shopping_box370 td p.ph a:hover img { border: solid 1px #99cc33; }
#shopping_box370 p.txt{ margin: 5px; padding: 5px; background-color: #FFFFCC; }


/* - other page box
/    hanabi_top
-------------------------------------------------------------*/

#box_hanabi-top{
	width: 525px;
	margin: 0;
	position: relative;
	background-color: #000000;
	color: #FFFFFF;
}

#box_hanabi-top a{
	color: #FFFFFF;
}

#box_hanabi-top table { padding: 10px; }
#box_hanabi-top table td { width: 125px; vertical-align: top; text-align: center; }
#box_hanabi-top table td.sp1 { width: 8px; }
#box_hanabi-top td p.ph { padding-bottom: 6px; }
#box_hanabi-top td p.ph img { padding: 2px; border: solid 1px #CCCCCC; }
#box_hanabi-top td p.ph a:hover img { border: solid 1px #99cc33; }

/* - other page box
/    hanabi_list
-------------------------------------------------------------*/
#box_hanabi-list {
	margin: 0;
	position: relative;
	background: url(../img/hanabi_bg.gif) repeat;
	padding: 0;
}

#box_hanabi-list table { width: 310px; }
#box_hanabi-list table td { width: 155px; vertical-align: top; text-align: center; padding: 10px; }
#box_hanabi-list table td.sp1 { width: 5px; }
#box_hanabi-list table td.sp2 { height: 5px; }
#box_hanabi-list td p.ph { padding-bottom: 6px; }
#box_hanabi-list td p.ph img {
	border: solid 1px #CCCCCC;
	background-color: #FFFFFF;
	padding: 2px;
}
#box_hanabi-list td p.ph a:hover img { border: solid 1px #FF99CC; }


/* - other page box
/    summerfes
-------------------------------------------------------------*/

#box_fes{ width: 370px; margin: 0; position: relative; }

#box_fes table { width: 370px; font-size:12px;}
#box_fes table td { width: 110px; vertical-align: top; text-align: center; }
#box_fes table td.sp1 { width: 8px; }
/*#box_fes td p.ph { padding-bottom: 6px; }*/
#box_fes td p.ph img { padding: 2px; border: solid 1px #CCCCCC; }
#box_fes td p.ph a:hover img { border: solid 1px #6666FF; }

/* - other page box
/    winter
----------------------------------------------------------*/
#box_winter{ width: 525px; margin: 0; position: relative; }
#box_winter table { padding: 0 10px 10px 10px;}
#box_winter table tr { padding-bottom: 10px;}
#box_winter table td { width: 125px; vertical-align: top; text-align: center;}
#box_winter table td.sp1 { width: 8px; }
#box_winter td p.ph { padding-bottom: 6px; }
#box_winter td p.ph img { padding: 2px; border: solid 1px #CCCCCC; }
#box_winter td p.ph a:hover img { border: solid 1px #cc0000; }
#box_winter p.txt{ margin: 10px; padding: 5px; background-color: #FFFFCC; }