body {
	color: #333333;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	background-color: #f7f7f7;
	max-width: 910px;
font-family:Helvetica, Arial,
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
}


.haba {
	border: 0; 
	width:100%;
}

.haba02 {
	border: 0; 
}
@media screen and (min-width: 100px) and (max-width: 500px) {
.haba02 {
	width:100%;
	margin: 10px 0px 10px 0px;

}
}
.haba03 {
	width:250px;
	margin: 0px 10px 0px 10px;
}
@media screen and (min-width: 100px) and (max-width: 500px) {
.haba03 {
	width:100%;
	margin: 10px 0px 10px 0px;

}
}

/**************　　全体枠　*********************/

#baseframe {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;

}



a:link {
	color: #555555;
	text-decoration: none;
}

a:visited {
	color: #555555;
	text-decoration: none;
}

a:hover {
	color: #aaaaaa;
	text-decoration: underline;
}

a:active {
	color: #2B3060;
	text-decoration: none;
}



h1 {
	padding: 5px 0px 0px 10px;
	margin: 0px;
	font-size: 10pt;
}

h2 {
	font-size: 17px;
	font-weight: bold;
	margin: 10px 0px 10px 0px;
	padding: 5px 0px 5px 15px;
	border-bottom: #555555 1px solid;
	border-left:   #888888 10px solid;
	background-color: #ffffff;
}



h3 {
	font-size: 13pt;
	font-weight: bold;


	background-repeat: no-repeat;
	margin: 15px 5px 5px 5px;
	padding: 8px 0px 8px 0px;
	border-top: #b0c4de 0px solid;
	border-bottom: #0f4f81 1px dotted;
	border-left:   #0f4f81 0px solid;
	border-right:   #b0c4de 0px solid;
}


#h3-01 {
	font-size: 17px;
	font-weight: bold;
	margin: 10px 0px 10px 0px;
	padding: 5px 0px 5px 15px;
	border-bottom: #555555 1px solid;
	border-left:   #888888 10px solid;
	background-color: #ffffff;
}

#h3-02 {
	font-size: 17px;
	font-weight: bold;
	margin: 10px 10px 10px 0px;
	padding: 5px 0px 5px 15px;
	border-bottom: #555555 1px solid;
	border-left:   #888888 0px solid;
	background-color: #ffffff;
}

#h3-03 {
	font-size: 17px;
	font-weight: bold;
	margin: 10px 10px 10px 0px;
	padding: 5px 0px 5px 15px;
	border-bottom: #555555 1px solid;
	border-left:   #888888 0px solid;
	background-color: #fff0f0;
}
#h3-04 {
	font-size: 11pt;
	margin: 10px 10px 10px 0px;
	padding: 5px 0px 5px 5px;
	border-bottom: #555555 1px solid;
	border-left:   #888888 0px solid;
}

/**********　　ヘッダーロゴ　　****************/

#headerheader {
	margin-top: 0px;
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;

}

#headerheader a:link {
	color: #006633;
	text-decoration: none;
}

#headerheader a:visited {
	color: #006633;
	text-decoration: none;
}

#headerheader a:hover {
	color: #0000FF;
	text-decoration: none;
}

#headerheader a:active {
	color: #006633;
	text-decoration: none;
}


/********　　トップタイトル　**************/
#toptitle {
	font-size: 9pt;
	margin: 2px auto 2px 10px;
	color:#333333;
	text-align:left;
}


/********　　ヘッダー説明　**************/
#intro {
	font-size: 5pt;
	margin-top: 3px;
	line-height:120%;
}


/********　　ナビゲーション　**************/

#navi {
	font-size: 14pt;
	line-height:150%;
	color:	#ffffff;
	background-color: #afafaf;
	padding: 10px 10px 10px 10px;
	margin:  0px 0px 0px 0px;
}


/********　　メイン　**************/

#main {
	font-size: 12pt;
	line-height:170%;
	padding: 0px 0px 0px 0px;
	margin:  103px 0px 0px 0px;
	text-align:left;
	color:	#333333;
	border-top:   #aaaaaa 1px solid;
}

#main a:link {
	color: #333333;
	text-decoration: none;
}

#main a:visited {
	color: #333333;
	text-decoration: none;
}

#main a:hover {
	color: #555555;
	text-decoration: underline;
}

#main a:active {
	color: #f03333;
	text-decoration: none;
}

@media screen and (max-width:1000px) {
#main {
	margin:  0px 0px 0px 0px;
	border-top:   #aaaaaa 0px solid;
}
}


/********　　右サイド　**************/


#right-side {
	float: right;
	font-size: 11pt;
	line-height:170%;
	max-width: 620px;
	padding: 0px 20px 10px 8px;
	margin: 10px 0px 0px 0px;
	color: #333333;
	border-left:   #d0d0d0 1px solid;
}
@media screen and (min-width: 700px) and (max-width: 1000px) {
#right-side {
	width:100%;
	padding: 0px 30px 0px 30px;
	margin : 10px 0px 10px 0px;
	border-left:   #d0d0d0 0px solid;
}
}
@media screen and (max-width: 700px) {
#right-side {
	width:97%;
	padding: 0px 0px 0px 0px;
	margin : 10px 5px 0px 5px;
	border-left:   #d0d0d0 0px solid;
}
}


#right-side a:link {
	color: #0000ff;
	text-decoration: underline;
}

#right-side a:visited {
	color: #0000f0;
	text-decoration: underline;
}

#right-side a:hover {
	color: #995CA2;
	text-decoration: underline;
}



#content_categ {
	font-weight: bold;
	font-size: 14pt;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-left: 0px;
	color: #333333;
	background-color: #34C3FF;
	border-bottom: #ffffff 0px solid;
	border-left:   #1187EB 0px solid;
	padding-top: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	padding-right:0px;

}



#content_categ2 {
	font-weight: bold;
	font-size: 12pt;
	margin-top: 5px;
	margin-bottom: 2px;
	margin-right: 0px;
	margin-left: 0px;
	color: #333333;
	background-color: #ffffff;
	border-top: #b0c4de 1px solid;
	border-bottom: #b0c4de 3px solid;
	border-left:   #b0c4de 1px solid;
	border-right:   #b0c4de 3px solid;
	padding-top: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	padding-right:0px;

}

/********　　左サイド　**************/

#left-side {
	display: block;
	float: left;
	width: 240px;
	font-size: 11pt;
	line-height:180%;
	color: #333333;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
}

@media screen and (min-width: 100px) and (max-width: 850px) {
#left-side {
	width:100%;
	padding: 0px 0px 0px 0px;
	margin : 10px 0px 0px 0px;
	line-height:220%;
}
}


#left-side a:link {
	display: block;
	color: #333333;
	text-decoration: none;
}

#left-side a:visited {
	display: block;
	color: #333333;
	text-decoration: none;
}

#left-side a:hover {
	display: block;
	color: #ff0000;
	background-color: #f0f0f0;
	text-decoration: none;
}

#left-side a:active {
	display: block;
	color: #333333;
	text-decoration: none;
}



#menu-con {
	font-size: 10pt;
	line-height:120%;
	color: #805050;
	margin: 0px 0px 1px 0px;
	padding: 3px 0px 0px 0px;
	border-top:   #aaaaaa 1px solid;
}
#menu-con  a:link {
	display: block;
	text-decoration: none;
}

#menu-con  a:visited {
	display: block;
	text-decoration: none;
}

#menu-con  a:hover {
	display: block;
	text-decoration: none;
}

#menu-con a:active {
	display: block;
	text-decoration: none;
}



#smenu-con {
	font-size: 10pt;
	line-height:120%;
	color: #805050;
	margin: 1px 0px 1px 0px;
	padding: 0px 0px 0px 0px;
	border-top:   #aaaaaa 1px solid;
	border-bottom:#ff0000 1px solid;
}
#smenu-con  a:link {
	display: block;
	text-decoration: none;
}

#smenu-con  a:visited {
	display: block;
	text-decoration: none;
}

#smenu-con  a:hover {
	display: block;
	text-decoration: none;
}

#smenu-con a:active {
	display: block;
	text-decoration: none;
}




/********　　副見出し　************/

.subh0  {
	color: #ffffff;
	font-weight:bold;
	background-color: #777777;
	text-decoration: none;
	margin : 10px 3px 10px 5px;
	padding: 10px 0px 10px 10px;
	border-top:    #cccccc 0px solid;
	border-bottom: #cccccc 0px solid;
	border-left:   #cccccc 0px solid;
	border-right:  #cccccc 0px solid;
}

/********　　副見出し　************/



.subh1  {
	display: block;

	background-color: #ffffff;
	text-decoration: none;
	margin : 0px 3px 0px 5px;
	padding: 0px 0px 0px 10px;
	border-top:    #b0c4de 0px solid;
	border-bottom: #cccccc 1px solid;
	border-left:   #cccccc 0px solid;
	border-right:  #cccccc 0px solid;
}

.subh2  {
	display: block;
	background-color: #ffffff;
	text-decoration: none;
	font-size:       10pt;
	margin : 0px 3px 0px 5px;
	padding: 5px 0px 5px 5px;
	border-top:    #b0c4de 0px solid;
	border-bottom: #cccccc 1px solid;
	border-left:   #cccccc 1px solid;
	border-right:  #cccccc 1px solid;
}


/*********    カテゴリー        ************/


#categ01 {
	float:left;
	margin : 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#categ01  a:link {
	background-image: url(image/menu01a.gif);
}
#categ01  a:visited {
	background-image: url(image/menu01a.gif);
}
#categ01  a:hover {
	background-image: url(image/menu01b.gif);
}
#categ01 a:active {
	background-image: url(image/menu01b.gif);
}


#categ02 {
	margin : 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
}
#categ02  a:link {
	background-image: url(image/menu02a.gif);
}
#categ02  a:visited {
	background-image: url(image/menu02a.gif);
}
#categ02  a:hover {
	background-image: url(image/menu02b.gif);
}
#categ02 a:active {
	background-image: url(image/menu02b.gif);
}


#categ03 {
	margin : 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
}
#categ03  a:link {
	background-image: url(image/menu03a.gif);
}
#categ03  a:visited {
	background-image: url(image/menu03a.gif);
}
#categ03  a:hover {
	background-image: url(image/menu03b.gif);
}
#categ03 a:active {
	background-image: url(image/menu03b.gif);
}


#categ04 {
	margin : 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
}
#categ04  a:link {
	background-image: url(image/menu04a.gif);
}
#categ04  a:visited {
	background-image: url(image/menu04a.gif);
}
#categ04  a:hover {
	background-image: url(image/menu04b.gif);
}
#categ04 a:active {
	background-image: url(image/menu04b.gif);
}


#categ05 {
	margin : 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
}
#categ05  a:link {
	background-image: url(image/menu05a.gif);
}
#categ05  a:visited {
	background-image: url(image/menu05a.gif);
}
#categ05  a:hover {
	background-image: url(image/menu05b.gif);
}
#categ05 a:active {
	background-image: url(image/menu05b.gif);
}

#categ06 {
	margin : 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
}
#categ06  a:link {
	background-image: url(image/menu06a.gif);
}
#categ06  a:visited {
	background-image: url(image/menu06a.gif);
}
#categ06  a:hover {
	background-image: url(image/menu06b.gif);
}
#categ06 a:active {
	background-image: url(image/menu06b.gif);
}

#categ07 {
	margin : 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
}
#categ07  a:link {
	background-image: url(image/menu07a.gif);
}
#categ07  a:visited {
	background-image: url(image/menu07a.gif);
}
#categ07  a:hover {
	background-image: url(image/menu07b.gif);
}
#categ07 a:active {
	background-image: url(image/menu07b.gif);
}


/********　　サブメニュー　************/

#menu {
	line-height:150%;
	padding: 0px 0px 0px 0px;
	margin:  10px 0px 10px 0px;
	background-color: #fff;
}


#submenu  {
	font-size: 10pt;
	font-weight: bold;
	color:#fff;
	text-align: center;
	line-height:200%;
	background-color: #f0f0f0;
	text-decoration: none;
	display: block;
	margin : 10px 10px 0px 10px;
	padding: 0px 0px 0px 0px;

}

#submenu a:link {
	display: block;
	color:#555;
	text-decoration: none;
}

#submenu a:visited {
	display: block;
	color:#555;
	text-decoration: none;
}

#submenu a:hover {
	display: block;
	color:#333;
	background-color: #ddd;
	text-decoration: none;
}

#submenu a:active {
	display: block;
	color:#ffffff;
	text-decoration: none;
}

/********　　スマホメニュー　************/

#sma-menu {
	background-color: #fff;
	padding: 5px 0px 0px 0px;
}

#menu01  {
	float: left;
	color:#000000;
	font-size: 10pt;
	display: block;
	text-align: center;
	background-color: #ffdc75;
	line-height:300%;
	text-indent: 0px;
	text-decoration: none;
	width:142px;
	margin : 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-top:0px #dddddd solid;
	border-left:1px #dddddd solid;
	border-right:0px #dddddd solid;
	border-bottom:0px #cccccc solid;
}


@media screen and (min-width: 100px) and (max-width:1000px) {
#menu01 {
	width:100%;
	padding: 0px 0px 0px 0px;
	margin : 1px 0px 0px 0px;
}
}
@media screen and (min-width: 1000px) {
#sma-menu {
	display:none;
}
}

@media screen and (min-width: 100px) and (max-width:1000px) {
#sma-menu {
	width:100%;
	padding: 0px 0px 0px 0px;
	margin : 10px 0px 0px 0px;
}
#menu-con {
	display:none;
}
}


#menu01 a {
	display: block;
}
#menu01 a:link {
	color:#333;
	background-color: #ddd;
	text-decoration: none;
}

#menu01 a:visited {
	color:#333;
	background-color: #ddd;
	text-decoration: none;
}

#menu01 a:hover {
	color:#000000;
	background-color: #eee;
	text-decoration: none;
}

#menu01 a:active {
	text-decoration: none;
}



/********　　ヘッダー　************/


#head01  {
	font-size: 10pt;
	display: block;
	font-weight: bold;
	color:#333;
	text-align: center;
	float: left;
	line-height:400%;
	background-color: #f0f0f0;
	text-decoration: none;
	width:200px;
	margin : 0px 0px 0px 1px;
	padding: 0px 0px 0px 0px;
	border-left:0px #ccc solid;
	border-right:1px #ccc solid;
	border-bottom:1px #ccc solid;
}

#head01 a:link {
	display: block;
	color:#555;
	text-decoration: none;
}

#head01 a:visited {
	display: block;
	color:#555;
	text-decoration: none;
}

#head01 a:hover {
	display: block;
	color:#333;
	background-color: #ddd;
	text-decoration: none;
}

#head01 a:active {
	display: block;
	color:#ffffff;
	text-decoration: none;
}

#head02  {
	text-align: center;
	float: left;
	line-height:400%;
	text-decoration: none;
	width:200px;
}

#head03  {
	font-size: 10pt;
	display: block;
	font-weight: bold;
	color:#fff;
	text-align: center;
	float: left;
	line-height:400%;
	background-color: #995CA2;
	text-decoration: none;
	width:200px;
	margin : 0px 0px 0px 1px;
	padding: 0px 0px 0px 0px;
	border-left:0px #ccc solid;
	border-right:1px #ccc solid;
	border-bottom:1px #ccc solid;
}
#box-last{
	clear:both;
}


/********　　フッター　************/

#footer {
	font-size: 12px;
	background-color: #777777;
	text-align: center;
	margin : 0px 0px 0px 0px;
	padding: 15px 0px 10px 0px;
	text-decoration: none;
	color: #ffffff;
}



#footer2 {
	clear:both;
	font-size: 14px;
	line-height:200%;
	background-color: #f0f0f0;
	text-align: center;
	text-decoration: none;
	color: #555555;
	margin : 10px 0px 0px 0px;
	padding: 20px 0px 20px 0px;
}


#btn {
	text-align: center;
}
#btn a:link {
	color: #ffffff;
}
#btn a:visited {
	color: #ffffff;
}
#btn a:hover {
	color: #2050ff;
}
#btn a:active {
	color: #ffffff;
}


#btn99 {
	text-align: center;

}
#btn99 a:link {
	color: #ffffff;
}
#btn99 a:visited {
	color: #ffffff;
}
#btn99 a:hover {
	color: #2050ff;
}
#btn99 a:active {
	color: #ffffff;
}


#table01 {
	background-color: #d0d0d0;
	font-size: 13px;
	line-height:130%;
}


#m-y {
	background-color: #fff7b1;
	font-weight: bold;
}



#m-r {
	background-color: #ffc0c0;
}


#glay {
	color: #aaaaaa;
}


#aka {
	color: #ff0000;
}

#kuro {
	color: #333333;
}

#ao {
	color: #0000ff;
}
#kakaku {
	font-size: 14px;
	color:#f00000;
	font-weight: bold;
}


#kakaku2 {
	font-size: 16px;
	color:#0000ff;
	font-weight: bold;
}

#midasi {
	font-size: 14px;
	color:#000000;
	font-weight: bold;
	padding: 5px 10px 5px 0px;
	margin : 10px 0px 10px 0px;
}

#meisai {
	font-size: 11pt;
	color:#333333;
	line-height:170%;
	background-color: #fafafa;
	padding: 5px 10px 5px 10px;
	margin : 10px 10px 20px 10px;
}

#meisai  a:link {
	color: #0000ff;
	text-decoration: none;
}

#meisai  a:visited {
	color: #0000ff;
	text-decoration: none;
}

#meisai   a:hover {
	color: #ff0000;
	text-decoration: underline;
}


#meisai2 {
	font-size: 11pt;
	color:#333333;
	background-color: #f0f0f0;
	padding: 5px 10px 5px 10px;
	margin : 10px 10px 20px 10px;
}

#meisai2  a:link {
	color: #0000ff;
	text-decoration: none;
}

#meisai2  a:visited {
	color: #0000ff;
	text-decoration: none;
}

#meisai2   a:hover {
	color: #ff0000;
	text-decoration: underline;
}


#more {
	text-align:right;
	font-size: 12px;
	color:#555555;
	padding: 0px 20px 0px 0px;
}

#more  a:link {
	color: #0000ff;
	text-decoration: none;
}

#more   a:visited {
	color: #0000ff;
	text-decoration: none;
}

#more   a:hover {
	color: #ff0000;
	text-decoration: underline;
}



#ll {
	font-size: 25px;
	color:#ffffff;
	background-color: #0f4f81;
	padding: 10px 20px 10px 10px;
	margin : 20px 10px 20px 10px;
	line-height:140%;
	text-align: center;

}

#ll2 {
	font-size: 25px;
	color:#995ca2;
	padding: 10px 20px 10px 20px;
	margin : 15px 10px 15px 10px;
	line-height:140%;
	text-align: center;
	background-color: #ffffff;
	border:   #995ca2 0px solid;
}
@media screen and  (max-width: 500px) {
#ll2 {
	font-size: 18px;
	text-align: left;
	padding: 0px;
}
}

#ll3 {
	font-size: 15px;
	color:#668030;
	font-weight: bold;
	padding: 10px 10px 10px 10px;
	margin : 10px 5px 10px 5px;
	line-height:140%;
	text-align: left;
	background-color: #f0f0f0;
}

#ll4 {
	font-size: 25px;
	color:#ffffff;
	padding: 10px 20px 10px 20px;
	margin : 15px 10px 15px 10px;
	line-height:140%;
	text-align: center;
	background-color: #fc5f5f;
	border:   #dddddd 1px solid;

}

#small {
	font-size: 18px;
	font-weight: bold;
}



#chuui {
	font-size: 12px;
	color:#aa0000;
	padding: 10px 10px 10px 10px;
	margin : 5px 0px 0px 5px;
	line-height:150%;
	border:   #cc0000 1px solid;
}
#chuui2 {
	font-size: 10pt;
	color:#555;
	padding: 10px 10px 10px 10px;
	margin : 5px 0px 0px 5px;
	line-height:140%;
	border:   #cc0000 1px solid;
}

#h3-midasi2 {
	font-size: 12pt;
	font-weight: bold;
	margin: 0px 20px 5px 10px;
	padding: 3px 0px 0px 20px;
	border-bottom: #0f4f81 1px dotted;

}

#next {
	background-color: #ffffff;
	font-size: 10pt;
	text-align: center;
	font-weight: bold;
	color:#333333;
	padding: 10px 10px 0px 10px;
	margin : 10px 40px 10px 40px;
	line-height:150%;
	border-bottom:   #d0d0d0 1px solid;
}
#next  a:link {
	color: #0000ff;
	text-decoration: underline;
}

#next  a:visited {
	color: #0000ff;
	text-decoration: none;
}

#next  a:hover {
	color: #f00000;
	text-decoration: underline;
}



#box {
	background-color: #f8f8f8;
	font-size: 10pt;
	color:#333333;
	padding: 10px 10px 10px 10px;
	margin : 10px 0px 10px 0px;
	line-height:150%;
}
#box  a:link {
	color: #0000ff;
	text-decoration: none;
}

#box  a:visited {
	color: #0000ff;
	text-decoration: none;
}

#box  a:hover {
	color: #ff0000;
	text-decoration: underline;
}


#box2 {
	background-color: #f8f8f8;
	font-size: 12px;
	color:#333333;
	padding: 10px 10px 10px 10px;
	margin : 20px 0px 20px 0px;
	line-height:150%;
}


#box3 {
	font-size: 11pt;
	color:#333333;
	padding: 10px 10px 10px 10px;
	margin : 5px 0px 0px 5px;
	line-height:150%;
}
#box3  a:link {
	color: #0000ff;
	text-decoration: none;
}

#box3  a:visited {
	color: #0000ff;
	text-decoration: none;
}

#box3  a:hover {
	color: #ff0000;
	text-decoration: underline;
}


#box-buy {
	background-color: #ffffff;
	font-size: 14px;
	color:#333333;
	padding: 10px 10px 10px 10px;
	margin : 10px 0px 0px 0px;
	line-height:150%;
	border:   #888888 2px dotted;
}
#box-kinyu {
	background-color: #ffffff;
	font-size: 14px;
	color:#333333;
	padding: 5px 10px 5px 10px;
	margin : 10px 30px 0px 30px;
	line-height:150%;
	border:   #888888 2px dotted;
}

#tag01 {
	font-size: 14px;
	padding: 40px 0px 0px 10px;
	margin : 10px 0px 0px 0px;
	line-height:150%;
	color:#333333;
	background-image: url(image/a00.jpg);
	background-repeat: no-repeat;
}


#tag-box {
	font-size: 13px;
	padding: 10px 20px 10px 15px;
	margin : 0px 0px 0px 10px;
	line-height:150%;
	color:#333333;
	background-image: url(image/tag-box.gif);
	background-repeat: repeat-y;
}

#tag-box  a:link {
	color: #0000ff;
	text-decoration: none;
}

#tag-box   a:visited {
	color: #0000ff;
	text-decoration: none;
}

#tag-box  a:hover {
	color: #ff0000;
	text-decoration: underline;
}



#box-sikaku {
	background-color: #faf0f0;
	font-size: 10pt;
	text-align: center;
	color:#333333;
	padding: 10px 0px 10px 0px;
	margin : 20px 30px 10px 30px;
	line-height:160%;
}



#text-line {
	font-size: 14px;
	padding: 5px 20px 5px 0px;
	margin : 0px 20px 0px 0px;
	line-height:100%;
	color: #0000ff;
	border-bottom:   #888888 1px dotted;
}


#text-line a:link {
	color: #0000ff;
	text-decoration: none;
}

#text-line  a:visited {
	color: #0000ff;
	text-decoration: none;
}

#text-line  a:hover {
	color: #ff0000;
	text-decoration: underline;
}


.contents {
	font-size: 16px;
	padding: 0px 20px 0px 0px;
	margin : 0px 0px 0px 0px;
	line-height:130%;
	color:#333333;
	text-align: left;
	border-bottom: #cccccc 1px solid;
}

/********　　買い物かご　*****/


td,p,div{font-size:10pt;}
.tb{ 
border:1px solid #888888; 
border-collapse:collapse;
background-color:#ffffff;
}
.tb td{ 
border:1px solid #aaaaaa; 
border-collapse:collapse; 
}

.btn{
border-style:solid;
border-color:#000000;
border-width:1px;
background-color:#D8D8D8;
}

.in{
border-style:solid;
border-color:#000000;
border-width:1px;
background-color:#ffffff;
}

.tb02 td{ 
border:1px solid #aaaaaa; 
border-collapse:collapse; 
}


#box-skitter  {
	padding: 0px 0px 0px 0px;
	margin : 10px 0px 0px 10px;
}

#box-skitter a:link {
	color: #ffffff;
	text-decoration: none;
}

#box-skitter a:visited {
	color: #ffffff;
	text-decoration: none;
}

#box-skitter a:hover {
	color: #ffffff;
	text-decoration: none;
}

#box-skitter a:active {
	color: #ffffff;
	text-decoration: none;
}


#ad {
	text-align: center;
	font-size: 7pt;
	color: #aaaaaa;
}


#houhou {
	font-size: 11pt;
	color:#333333;
	padding: 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
	line-height:150%;
}

#houhou  a:link {
	color: #fff;
	text-decoration: none;
}

#houhou  a:visited {
	color: #fff;
	text-decoration: none;
}

#houhou  a:hover {
	color: #995CA2;
	text-decoration: underline;
}


/********　　　*****/
.fade {   
    -webkit-transition: 0.1s ease-in-out;   
       -moz-transition: 0.1s ease-in-out;   
         -o-transition: 0.1s ease-in-out;   
            transition: 0.1s ease-in-out;   
}   
.fade:hover {   
    opacity: 0.8;   
    filter: alpha(opacity=80);   
}   


/********　広告管理　************/

@media screen and (min-width: 330px) {
#device-pc {
	text-align: center;
}
#device-mobile {
	display:none;
}
}

@media screen and (max-width: 331px) {
#device-pc {
	display:none;
}
#device-mobile {
	text-align: center;
}
}


/********　youtube レスポンシブ　************/

.youtube {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-top: 0px;
margin-bottom: 20px;
}

.youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}




/*ヘッダーまわりはご自由に*/
header {
  padding:10px;
  background: #af6db7;

 top: 0px;
    position: fixed;
    z-index: 9999999;
width:100%;
    opacity: 0.95;
}

#navh-drawer {
  position: relative;
}

/*チェックボックス等は非表示に*/
.navh-unshown {
  display:none;
}

/*アイコンのスペース*/
#navh-open {
    display: inline-block;
    width: 30px;
    height: 22px;
    vertical-align: middle;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#navh-open span, #navh-open span:before, #navh-open span:after {
    position: absolute;
    height: 3px;/*線の太さ*/
    width: 25px;/*長さ*/
    border-radius: 3px;
    background: #fff;
    display: block;
    content: '';
    cursor: pointer;
}
#navh-open span:before {
    bottom: -8px;
}
#navh-open span:after {
    bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#navh-close {
    display: none;/*はじめは隠しておく*/
    position: fixed;
    z-index: 99;
    top: 0;/*全体に広がるように*/
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0;
    transition: .3s ease-in-out;
}

/*中身*/
#navh-content {
    overflow: auto;
    position: fixed;

    top: 0;
    left: 0;
    z-index: 9999999;/*最前面に*/
    width: 80%;/*右側に隙間を作る*/
    max-width: 330px;/*最大幅*/
    height: 100%;
    background: #fff;/*背景色*/
    transition: .3s ease-in-out;/*滑らかに表示*/
    -webkit-transform: translateX(-105%);
    transform: translateX(-105%);/*左に隠しておく*/
}

/*チェックが入ったらもろもろ表示*/
#navh-input:checked ~ #navh-close {
    display: block;/*カバーを表示*/
    opacity: .5;
}

#navh-input:checked ~ #navh-content {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);/*中身を表示*/
    box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

@media screen and (min-width:1000px) {
header {
    display:none;
  }
#navh-open {
    display:none;
  }

}

@media screen and (min-width: 100px) and (max-width: 1000px) {
#left-side {
    display:none;
  }
h1 {
  margin: 40px 0px 5px 0px;
  }
}