@charset "utf-8";
/*
Theme Name: MyTote
Theme URI: http://my-totebag.com/
Description: CMS
Author: Yc-Web
Author URI: 
*/
body {
	font:13px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	*font-size:small;
    *font:x-small;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
.clear{ clear: both; visibility: hidden; height: 0;}
* {
}

a {
	color: #FF9933;
	text-decoration: none;
}
a:link {
	color:#FB9933;
}
a:hover {
	color: #666;
}
#wrapper {
	margin: 0px auto;
	padding: 0px;
	width: 800px;
        position: relative;
}
#top {
	display: none;
}
a:hover img {
filter: alpha(opacity=70);
-moz-opacity: 0.70;
opacity: 0.70;
}
#header {
	background: url(images/header_back.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 120px;
	width: 800px;
}
h1 {
	color: #FFA954;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 10px;
	margin: 0px;
	padding: 10px 0px 0px 10px;
}
*:first-child+html #menu_Top {
	float: right;
	width: 200px;
	padding: 0px;
	margin: -5px 0px 0px;
}
#menu_Top {
	float: right;
	width: 200px;
	padding: 0px;
	margin: -8px 0px 0px;
}
#menu_Top li {
	display: inline;
	margin-right: 10px;
}
#menu_Top li a img {
	clear: both;
}



#site_id {
	margin-top: 15px;
	margin-left: 35px;
}

#description {
	color: #FF9932;
	width: 500px;
	
	position: absolute;
	left: 220px;
	top: 250px;
	font-size: 9px;
}

.cat {
	padding-top: 30px;
	padding-left: 20px;
	width: 170px;
	font-size: 10px;
	line-height: 130%;
	color: #FFF;
	margin: 0px;
}

#new_r a:link{
	color: #FFF;
}
#new_r a:visited{
	color: #F0F;
}
#new_r a:hover{
	color: #00ff99;
}

#new_r {
	background: url(images/info_Back.jpg) no-repeat;
	height: 105px;
	width: 590px;
	padding-top: 35px;
	padding-left: 10px;
	color: #FFF;
}



#topicpath a:hover {
	color: #00ff99;
}

#topicpath {
	font-size: 11px;
	color: #666;
	padding-left: 10px;
	border-bottom: 1px solid #FF9C37;
	height: 20px;
	padding-top: 10px;
}

html>/**/body #topicpath {
	font-size: 11px;
	color: #666;
	padding-left: 10px;
	border-bottom: 1px solid #FF9C37;
	height: 20px;
	padding-top /*\**/: 7px\9;
}

div.itemBox {
	padding-bottom: 10px;
	border-bottom: 1px solid #FF9934;
}
h2.base {
	background: url(images/h2_headline_base.jpg) no-repeat;
	height: 35px;
	width: 560px;
	padding-left: 20px;
	margin-left: 10px;
	margin-top: 0px;
	font-size: 100%;
	font-weight: bold;
	padding-top: 20px;
	color: #FF9933;
	clear: both;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
h3.brand {
	font-size: 11px;
	font-weight: normal;
	background: #FFE9D2;
	padding-left: 180px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #666;
	margin: 0px 10px 10px;
}
*:first-child+html h3.brand {
	font-size: small;
	font-weight: normal;
	background: #FFE9D2;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #666;
	padding-left: 10px;
	margin: 0px 10px 5px;
}
* html h3.brand {
	font-size: small;
	font-weight: normal;
	background: #FFE9D2;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #666;
	padding-left: 10px;
	margin: 0px 10px 5px;
}


.img_Left_s{
	border: 1px solid #FF9934;
	margin-left: 10px;
	float: left;
	height: 170px;
	width: 170px;
}

p.item_description {
	font-size: 14px;
	line-height: 140%;
	width: 388px;
	display: inline;
	color: #666;
	padding-right: 10px;
	background-color: #fff;
	float: right;
}
* html p.item_description {
	font-size: 13px;
	line-height: 140%;
	width: 375px;
	display: inline;
	color: #666;
	padding-right: 10px;
	background-color: #fff;
	float: right;
}
.price {
	clear: right;
	text-align: right;
	font-size: 14px;
	color: #FFAB58;
}
.go_to_Menu {
	clear: both;
	font-size: 8px;
	color: #FFAC5C;
	padding-left: 60px;
}

#container {
	background: url(images/main_back.gif) repeat-y;
	width: 800px;
}

#side_navi_wrapper {
	margin: 0px;
	padding: 0px;
	width: 210px;
	min-height: 850px;
	float: left;
	display: inline;
	height: 100%;
}

* html #side_navi_wrapper {
	margin: 0px;
	padding: 20px 0px 0px;
	width: 210px;
	min-height: 850px;
	float: left;
	display: inline;
	height: 100%;
}
#side_navi_Box {
	width: 150px;
	background: #FFCC9A;
	padding: 15px;
	margin: 0px auto;
}

* html #side_navi_Box {
	width: 150px;
	background: #FFCC9A;
	padding: 0px;
	margin: 0px auto;
}
*:first-child+html#side_navi_Box {
	width: 150px;
	background: #FFCC9A;
	padding: 0px;
	margin: 0px auto;
}

.side_navi_bottom {
	margin: 0px 0px 0px;
	padding: 0px;
}
*:first-child+html .side_navi_bottom {
	padding: 0px;
	margin-top: -3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
* html .side_navi_bottom {
	margin: -5px 0px 0px;
	padding: 0px;
}

.side_LinkBox {
	height: 90px;
	background: url(images/top_link_back.jpg) no-repeat;
	width: 140px;
	padding-top: 40px;
	padding-left: 10px;
　　　padding-right: 10px;
}

.side_LinkBox a {
	font-size: 10px;
	color: #FFF;
	text-decoration: none;
}

.side_LinkBox a:link {
	font-size: 10px;
	color: #FFF;
	text-decoration: none;
}

.side_LinkBox a:hover {
	color: #3F9;	
}

#main_contents {
	margin: 0px;
	padding: 0px;
	width: 590px;
	float: right;
	display: inline;
	overflow: hidden;

}
#main_contents_R {
	min-height: 100px;
}

#info_Top {
	background: url(../images/info_Back.jpg) no-repeat;
	margin: 0px;
	padding: 35px 0px 0px 20px;
	height: 105px;
	width: 590px;
	font-size: 12px;
	color: #FFF;
}
h2.Keyword_T_h2 {
	padding: 0px 0px 0px 10px;
	margin: 0px;
        clear: both;
}

h2.Keyword_Brand_h2 {
	background: url(images/h2_Brand_Back02.jpg) no-repeat;
	margin: 10px 0px 0px 10px;
	height: 40px;
	width: 570px;
	font-size: 11px;
	color: #FF9934;
	padding: 15px 0px 0px 250px;
}
* html h2.Keyword_Brand_h2 {
	background: url(../images/h2_Brand_Back02.jpg) no-repeat;
	margin: -10px 0px 0px 10px;
	height: 30px;
	width: 570px;
	font-size: 11px;
	color: #FF9934;
	padding: 10px 0px 0px 250px;
}

#color_Box {
	height: 260px;
}

#color_Box ul {
	display: inline;
}

#color_Box ul li {
	float: left;
	width: 280px;
	margin: 0px;
	padding: 10px 0px 0px 10px;
	color: #FFF;
}

.top_Item {
	width: 187px;
	border-right: 1px dotted #999;
	float: left;
}

.top_Item p {
	color: #666;
	font-size: 13px;
	line-height: 140%;
	padding: 10px;
}

#main_3_Box {
	width: 570px;
	border-left: 1px dotted #666;
	margin-left: 10px;
	margin-top: 10px;
}

#footer {
	background: url(images/footer_Back.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 130px;
	width: 800px;
	clear: both;
}

#footer a {
	color: #FFF;
}

.pageTop {
	margin: -15px 10px 0px 0px;
	padding: 0px;
	float: right;
}

*:first-child+html .pageTop {
	margin: -10px 10px 0px 0px;
	padding: 0px;
	float: right;
}

* heml .pageTop {
	margin: -5px 10px 0px 0px;
	padding: 0px;
	float: right;
}

.pageTop a {

}

#footer ul {
	padding: 10px 0px 0px 10px;
	margin: 0px;
}

#footer li {
	display: inline;
	font-size: 12px;
	border-right: 1px solid #FFF;
	padding-left:4px;
	padding-right:4px;
	font-size: 80%;
	letter-spacing:1px;
}

#footer li span{
	border-left: 1px solid #FFF;
	padding-left:4px;
}

#footer ul li a {
	text-decoration: none;
}

#footer a:hover {
	color: #666;
}

#p1 {
	font-size: 11px;
	color: #FFF;
	padding-top: 65px;
	padding-left: 10px;
}

*:first-child+html #p1 {
	font-size: 11px;
	color: #FFF;
	padding-top: 75px;
	padding-left: 10px;
}

address {
	color: #FFF;
	font-size: 12px;
	padding: 1px 0px 0px 10px;
}

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

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}

ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}

q:before, q:after {
	content:'';
}

abbr, acronym {
	border:0;
}

/* IEのhasLayout対策 */
* {
	zoom:1;
	margin: 0px;
	padding: 0px;
}

/* テキストエリア内文字サイズのブラウザ間での差異をなくす */
textarea {
	font-size: 100%;
}

/* 画像の下にできる隙間をなくす */
img {
	vertical-align: bottom;
}


.glossymenu{
	margin: 5px 0;
	padding: 0;
	width: 150px;
}

*:first-child+html .glossymenu a.menuitem{
	color: white;
	display: block;
	position: relative;
	text-decoration: none;
	font-size: 100%;
	padding-top: 5px;
	padding-bottom: 4px;
	background: url(images/side_navi_mi_03.jpg);
	padding-left: 28px;
}

* html .glossymenu a.menuitem{
	color: white;
	display: block;
	position: relative;
	text-decoration: none;
	font-size: 116%;
	padding-top: 5px;
	padding-bottom: 7px;
	background: url(images/side_navi_mi_03.jpg);
	padding-left: 28px;
}

.glossymenu a.menuitem{
	color: white;
	display: block;
	position: relative;
	text-decoration: none;
	font-size: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	background: url(images/side_navi_mi_03.jpg);
	padding-left: 28px;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	top: 7px;
	right: 10px;
	border: none;
}

.glossymenu a.menuitem:hover{
	background: url(images/side_menu_hover_03.jpg);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
	font-size: 100%;
}

* html .glossymenu div.submenu ul li a{
	display: block;
	color: #666;
	text-decoration: none;
	height: 23px;
	padding-right: 0;
	padding-left: 28px;
	padding-top: 7px;
	background: url(../images/menu_hover_C.gif);
	font-size: 93%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

.glossymenu div.submenu ul li a{
	display: block;
	color: #666;
	text-decoration: none;
	font-size: 93%;
	*font-size: 85%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	height: 23px;
	padding-right: 0;
	padding-left: 28px;
	padding-top: 7px;
	background: url(../images/menu_hover_C.gif);
}

.glossymenu div.submenu ul li a:hover{
	background: url(images/menu_hover_E.jpg);
	colorz: white;
}

.item_now {
	color: #FF9934;
	font-weight: bold;
}

#mailBox {
	padding-left: 20px;
	width: 550px;
	color: #666;
}

.orange_bold {
	font-weight: bold;
	color: #FF9934;
        font-size: 14px;
}

table#formTable {
	width: 550px;
	margin-left: 10px;
	border-top: 1px solid #dddddd;
}

table#formTable caption {
	padding: 0px 0px 8px;
}

input#name, input#email, input#title, input#foot{
	width: 200px;
	border: 1px solid #cccccc;
}

textarea {
	width: 285px;
	border: 1px solid #cccccc;
}

input#Content1,input#Content2, input#Content3, input#Content4,input#Content5 {
	margin: 0px 0px 0px 30px;
}

td#checkBoxData p {
	margin: 0px 10px 0px 0px;
	width: 110px;
	padding: 0px;
	float: left;
}

#formButton {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

table#formTable td {
	font-size: 0.8em;
	padding: 15px;
	border-bottom: 1px solid #dddddd;
}

select#subject {
	border: 1px solid #cccccc;
}

table#formTable th {
	font-size: 0.8em;
	font-weight: normal;
	background: #eeeeee;
	text-align: left;
	vertical-align: top;
	width: 110px;
	padding: 18px 10px 15px;
	border-bottom: 1px solid #dddddd;
}

.leadText {
	font-size: 1em;
	line-height: 1.5em;
	color: #666666;
	margin: 0px 20px 15px;
	text-align: justify;
}

.kome {
	color: #FF9900;
}

#rinkBox {
	width: 570px;
	margin-left: 10px;
}
#rinkBox td {
	color: #666;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	padding-top: 5px;
	padding-bottom: 5px;
}