@charset "UTF-8";
@import url("../commnncss.css");

/* ========BASIC======== */
body {
	margin: 0;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333;
	letter-spacing: 1px;
	background-repeat: repeat-x;
	background-position: 0 0;
	background-color: #fff;
}

br {
   letter-spacing:normal;
}

a {
   color:#333;
   text-decoration:none;
}

a:hover {
   color:#DDAAAA;
   text-decoration:none;
}

img {
   border:0;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}

/* ========TEMPLATE LAYOUT======== */
#top {
	width: 100%;
	margin: 0 auto;
	background-color: #FFFFFF;
}

#top .smart-box {
	width: 880px;
	height: 120px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#header {
	width: 100%;
	margin-bottom: 5px;
	background-color: #f9f9f9;
	border-top: 10px #c0c0c0 solid;
}

#slider {
	width: 880px;
	margin: 0 auto 60px;
}

#slider-sub {
	width: 880px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 60px;
	margin-left: auto;
}

#contents {
	clear: both;
	width: 880px;
	background: #fff url() 0 0 repeat-y;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

#main {
	float: left;
	width: 880px;
}

#sub {
	width: 880px;
	float: left;
}

#totop {
   border-top:1px solid #5D5353;
}

#footer {
	position: relative;
	clear: both;
	width: 880px;
	margin: 0 auto;
}

/* 回り込み解除 */
#contents:after {
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}

.clearfix:after {  
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/* ========HEADER CUSTOMIZE======== */
#header h1 {
   margin:0;
   padding:0;
   font-size:2em;
   color:#000;
   line-height:60px;
}

#header h1 a {
   color:#000;
}

#header h1 a:hover {
   color:#5D5353;
}

#header p {
	width: 500px;
	margin: 0;
	font-size: 0.75em;
	display: none;
}

#header #head-navi {
	width: 100%;
	background-color: #FFF;
	background-repeat: repeat;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: double;
	border-bottom-style: double;
	border-top-color: #33C;
	border-right-color: #33C;
	border-bottom-color: #33C;
	border-left-color: #33C;
}

#header #head-navi ul {
	width: 876px;
	line-height: 50px;
	list-style: none;
	margin: 5px auto;
	padding: 0;
	background-color: #FFF;
	background-repeat: repeat;
}

#header #head-navi ul li {
float:left;
width:146px;
}

#header #head-navi ul li a {
	display: block;
	color: #33C;
	text-align: center;
}

#header #head-navi ul li a:hover {
	color: #000;
	background-color: rgba(255,255,255,0.9);
	border-top-color: #33C;
	border-right-color: #33C;
	border-bottom-color: #33C;
	border-left-color: #33C;
	border-left-width: 2px;
	border-left-style: inset;
	border-right-width: 2px;
	border-right-style: inset;
}

/* ========MAIN CONTENTS CUSTOMIZE======== */
#main a {
   color:#DDAAAA;
}

#main a:hover {
   color:#DDAAAA;
   border:0;
   border-bottom:1px solid #DDAAAA;
}

#main h2 {
	margin-bottom: 8px;
	color: #3333CC;
	font-size: 0.94em;
	font-weight: bold;
	line-height: 1.4;
	border-bottom-width: 3px;
	border-bottom-style: dotted;
	border-bottom-color: #33C;
	border-left-width: 10px;
	border-left-style: dashed;
	border-left-color: #33C;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
}

#main h3 {
   margin-bottom:3px;
   font-size:0.88em;
}

#main h4 {
   margin-bottom:2px;
   font-size:0.75em;
   line-height:1.4;
}
#main h5 {
   margin-bottom:2px;
   font-size:0.75em;
   line-height:1.4;
}
#main h6 {
   margin-bottom:2px;
   font-size:0.75em;
   line-height:1.4;
}

#main p{
   margin:0 0 1em 0;
   font-size:0.75em;
   line-height:1.4;
}

#main ul,ol,dl{
   margin:0 0 1em 0;
   padding:0;
   font-size:0.75em;
}

#main li {
   margin-left:2em;
   padding:0;
}

#main dt{
   margin-bottom:3px;
}

#main dd{
   padding:0;
   margin:0 0 1em 1em;
   padding:3px;
   background:#f1f1f1;
}

/* ========SUB CONTENTS CUSTOMIZE======== */
#sub h2 {
	font-size: 0.88em;
	font-weight: bold;
	color: #33C;
	background-color: #FFFFFF;
	border-bottom-width: 3px;
	border-left-width: 10px;
	border-bottom-style: dotted;
	border-left-style: dashed;
	border-bottom-color: #33C;
	border-left-color: #33C;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
}

#sub ul {
	margin: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 1em;
	padding-left: 0;
}

#sub li {
	margin: 0;
	padding-left: 15px;
	font-size: 0.75em;
	line-height: 1.8;
	list-style: none;
	float: left;
}

/* ========FOOTER CUSTOMIZE======== */
#totop{
	position: relative;
	height: 2em;
}

#totop p{
   position:absolute;
   top:10px;
   right:7px;
   margin:0;
   padding-left:8px;
   font-size:0.63em;
}

.copyright {
	font-size: 0.63em;
	color: #333;
	text-align: center;
	padding-top: 100px;
	padding-right: 0;
	padding-bottom: 50px;
	padding-left: 0;
	width: 880px;
	float: left;
}


/* ADD STYLE */

.bxslider {
	margin:0 auto;
}

/* film roll slider */

.film_roll_wrapper {
overflow: hidden;
}

.film_roll_shuttle {
position: relative;
}

.film_roll_child {
display: inline-block;
margin-right: 10px;
}

.film_roll_pager span {
display: none;
}
#film_roll_arrow {
display: none;
}


.whiteover a {
	background-color:#C0C0C0;
	display:block;
}

.whiteover img:hover {
	filter: alpha(opacity=80);
	-ms-filter:0.8; "alpha(opacity=80)"
	-moz-opacity:0.8;
    -khtml-opacity: 0.8; 
	opacity:0.8;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
}

.ribon_1 {
	color: #fff;
	background-color: rgba(0,255,153,0.5);
	width: 273px;
	height: 50px;
}


/*   商品バナー   */

#back {
	background-color: #D6D6D6;
	background-image: url(../images/banna/torumarin_12.jpg);
	height: 130px;
	width: 273px;
}
#banna_1 {
	float: left;
	padding-bottom: 10px;
}
#banna_2 {
	padding-bottom: 10px;
	float: left;
}
#banna_3 {
	float: left;
	padding-bottom: 10px;
}
#banna_4 {
	float: left;
	padding-bottom: 10px;
}
#banna_5 {
	float: left;
	padding-bottom: 15px;
}
#title {
	float: left;
	height: 100px;
	margin-top: 20px;
	width: 300px;
}
#shop_banna {
	float: left;
	width: 400px;
}

.banna_bottom{
			  width:273px;
}


.bottom1{
	background: #FFF;
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
	border-top-color: #F90;
	border-right-color: #F90;
	border-bottom-color: #F90;
	border-left-color: #F90;
	width: 273px;
	height:210px;
}

.bottom2{
	background: #FFF;
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
	border-top-color: #06C;
	border-right-color: #06C;
	border-bottom-color: #06C;
	border-left-color: #06C;
	width: 273px;
	height: 210px;
}

.bottom3{
	background: #FFF;
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
	border-top-color: #F00;
	border-right-color: #F00;
	border-bottom-color: #F00;
	border-left-color: #F00;
	width: 273px;
	height: 210px;
}

.bottom4{
	background: #FFF;
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
	border-top-color: #0C0;
	border-right-color: #0C0;
	border-bottom-color: #0C0;
	border-left-color: #0C0;
	width: 273px;
	height: 210px;
}

.bottom5{
	background: #FFF;
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	width: 273px;
	height: 210px;
}

.bottom6{
	background: #FFF;
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
	border-top-color: #6CF;
	border-right-color: #6CF;
	border-bottom-color: #6CF;
	border-left-color: #6CF;
	width: 273px;
	height: 210px;
}

.bottom7{
	background: #FFF;
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
	border-top-color: #0CC;
	border-right-color: #0CC;
	border-bottom-color: #0CC;
	border-left-color: #0CC;
	width: 273px;
	height: 210px;
}

.bottom8{
	background: #FFF;
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
	border-top-color: #F6F;
	border-right-color: #F6F;
	border-bottom-color: #F6F;
	border-left-color: #F6F;
	width: 273px;
	height: 210px;
}

.bottom9{
	background: #FFF;
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
	border-top-color: #930;
	border-right-color: #930;
	border-bottom-color: #930;
	border-left-color: #930;
	width: 273px;
	height: 210px;
}

.bottom10{
	background: #FFF;
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	width: 273px;
	height: 210px;
}

.bottom11{
	background: #FFF;
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
	border-top-color: #FC6;
	border-right-color: #FC6;
	border-bottom-color: #FC6;
	border-left-color: #FC6;
	width: 273px;
	height: 210px;
}

.bottom12{
	background: #FFF;
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
	border-top-color: #060;
	border-right-color: #060;
	border-bottom-color: #060;
	border-left-color: #060;
	width: 273px;
	height: 210px;
}

.bottom13{
	background: #FFF;
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
	border-top-color: #960;
	border-right-color: #960;
	border-bottom-color: #960;
	border-left-color: #960;
	width: 273px;
	height: 210px;
}

.bottom14{
	background: #FFF;
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	width: 273px;
	height: 210px;
}

.bottom15{
	background: #FFF;
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
	border-top-color: #0CF;
	border-right-color: #0CF;
	border-bottom-color: #0CF;
	border-left-color: #0CF;
	width: 273px;
	height: 210px;
}
#info {
	float: left;
	width: 880px;
}
#header_right {
	float: right;
	padding-right: 20px;
}