@charset "utf-8";
/* CSS Document */
/*
Theme Name: 美音堂
Author:美音堂
Author URI:http://www.biondou.com/
*/

/* formatting style
--------------------------------------------*/

/* 各ブラウザの独自解釈をリセット */
* { margin: 0px; padding: 0px;}
img {border:none;}

body {
	color: #636363;
	font-family:"メイリオ", Meiryo,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	text-align: center; /* IE5.5以前用中央揃え */
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-spacing:0;
    border-collapse:separate;
    *border-collapse:collapse; /* ie6,7 */
}

ol {
	margin-left: 30px;
	margin-bottom: 20px;
}

.cl {
    clear: both;
	margin: 0px;
	padding: 0px;
}

img {
    border: none;
	max-width:100%;
	height:auto;
}

h3 {
	clear: both;
}

h4 {
	clear: both;
}

h5 {
	clear: both;
}

h6 {
	clear: both;
}



a:link {
	color: #636363;
	text-decoration: none;
}
a:visited {
	color: #636363;
	text-decoration: none;
}
a:hover {
	color: #636363;
	text-decoration: underline;
}
a:active {
	color: #636363;
	text-decoration: none;
}



a:hover img {
opacity:0.6;
filter:Alpha(opacity=60);
border: none;
}


/* head style
--------------------------------------------*/

#headbox {
    width: 1201px;
	height: auto;
	padding: 0px;
	margin: 0px auto;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	border-bottom: solid 1px #dededd;
}


#headleft {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 449px;
	border-right: solid 1px #dededd;
}



#headleft img{
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#headright {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	font-weight: normal;
	width: 750px;
	text-align: right;
	border-right: solid 1px #dededd;
}

/* globalmenu style
--------------------------------------------*/

#gmenu {
    width: 100%;
	height: auto;
}

#gmenu2 {
    width: 100%;
	height: auto;
}


#gmenu a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#gmenu a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#gmenu a:hover {
	color: #636363;
	text-decoration: underline;
}
#gmenu a:active {
	color: #FFFFFF;
	text-decoration: none;
}


#gnavi {
	text-align: center;
	padding: 0px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
}



#gnavi ul{
	padding: 0px;
	margin: 0px auto;
	width: 100%;
	list-style: none;
}


#gnavi li {
	float:left;
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: center;
}
#gnavi li a {
	display: block;
 	list-style: none;
}
#gnavi #menu01 a:link{
	width:93px;
	height:85px;
	background-image: url(images/menu01.jpg);
	background-repeat: no-repeat;
	line-height: 85px;
}

#gnavi #menu01 a:hover {
	width:93px;
	height:85px;
	background-image: url(images/menu01_h.jpg);
	background-repeat: no-repeat;
	line-height: 85px;
}


#gnavi #menu02 a:link{
	width:111px;
	height:85px;
	background-image: url(images/menu05.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
	line-height: 85px;
}

#gnavi #menu02 a:hover {
	width:111px;
	height:85px;
	background-image: url(images/menu05_h.jpg);
	background-repeat: no-repeat;

	line-height: 85px;
}


#gnavi #menu03 a:link{
	width:161px;
	height:85px;
	background-image: url(images/menu03.jpg);
	background-repeat: no-repeat;
	line-height: 85px;
}

#gnavi #menu03 a:hover {
	width:161px;
	height:85px;
	background-image: url(images/menu03_h.jpg);
	background-repeat: no-repeat;

	line-height: 85px;
}


#gnavi #menu04 a:link{
	width:124px;
	height:85px;
	background-image: url(images/menu04.jpg);
	background-repeat: no-repeat;
	line-height: 85px;
}

#gnavi #menu04 a:hover {
	width:124px;
	height:85px;
	background-image: url(images/menu04_h.jpg);
	background-repeat: no-repeat;

	line-height: 85px;
}


#gnavi #menu05 a:link{
	width:156px;
	height:85px;
	background-image: url(images/menu02.jpg);
	background-repeat: no-repeat;
	line-height: 85px;
}

#gnavi #menu05 a:hover {
	width:156px;
	height:85px;
	background-image: url(images/menu02_h.jpg);
	background-repeat: no-repeat;

	line-height: 85px;
}


#gnavi #menu06 a:link{
	width:105px;
	height:85px;
	background-image: url(images/menu06.jpg);
	background-repeat: no-repeat;
	line-height: 85px;
}


#gnavi #menu06 a:hover {
	width:105px;
	height:85px;
	background-image: url(images/menu06_h.jpg);
	background-repeat: no-repeat;

	line-height: 85px;
}


/* bread style　パン屑
--------------------------------------------*/

#bread {
    height: 30px;
    line-height: 30px;
width: 100%;
}

#bread ul{
	list-style: none;
	padding: 0;
	margin: 0;
width: 100%;
}
#bread ul li {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}

/* all style
--------------------------------------------*/



#wrap{
    width: 100%;
    padding: 0px;
	height: auto;
	clear: both;
	background-color: #FFF;
}

#content {
    width: 1200px;
	margin: 0px auto;
	padding: 100px 0px 0px 0px;
	height:auto;
}

#content img {
    border: none;
	max-width:100%;
	height:auto;
}


#gbox {
	background-color: #4D4848;
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
	clear: both;
}

#gbox th{
	color: #FFF;
}
#gbox td{
	color: #FFF;
}

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

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

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

#gbox a:active{
	color: #FFF;
	text-decoration: none;
}

#mainbox {
	width: 1100px;
	margin: 30px auto 30px auto;
	height: auto;
	min-height: 630px;
	text-align: left;
}

#mainbox h4{
	background-image: url(images/ic.gif);
	background-repeat: repeat;
	padding: 4px;
}

#blogboxl h4{
	background-image: url(images/ic.gif);
	background-repeat: repeat;
	padding: 4px;
}

#mainbox h5{
	font-size: 115%;
	margin-bottom: 14px;
}

#mainbox p{
	margin-bottom: 14px;
}


#main {
	width: 1200px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	height: auto;
	text-align: left;
}

#main img {
    border: none;
	max-width:100%;
	height:auto;
}

#blogbox {
	width: 1100px;
	margin: 30px auto 30px auto;
	height: auto;
	min-height: 430px;
	text-align: left;
}

#blogboxl {
	width: 850px;
	float: left;
	margin: 0px;
	padding: 0px;
}
#blogboxr {
	width: 230px;
	float: right;
	margin: 0px;
	padding: 0px;
}

.blocontents{
	width: 100%;
}

hr.embed {
    border-top: 1px solid #bbb;
	border-bottom: 1px solid #f0f0f0;
}

/* side style
--------------------------------------------*/

#side {
    width: 230px;
	margin: 0px ;
	padding: 0px;
	height: auto;
	float: right;
	text-align: left;
	font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size: 87%;
	font-weight: normal;
}


#side img {	max-width:100%;
	height:auto;
	margin-bottom: 10px;

}

#sidemenu01 {
   clear: both;
}

#sidemenu01 li{
	width: 100%;
	height: 46px;
	list-style: none;
	display: block;
	border-bottom: dotted 1px #cccccc;
}

#sidemenu01 li a:link{
	width:100%;
	height:46px;
	line-height: 46px;
	text-indent: 24px;
	display: block;
	text-decoration: none;
	background-color: #FFFFFF;
	background-image: url(images/arrow02.png);
	background-repeat: no-repeat;
	background-position: left center;
}

#sidemenu01 li a:visited {
	width:100%;
	height:46px;
	line-height: 46px;
	text-indent: 24px;
	text-decoration: none;
	background-color: #FFFFFF;
	background-image: url(images/arrow02.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#sidemenu01 li a:hover {
	width:100%;
	height:46px;
	line-height: 46px;
	text-indent: 24px;
	text-decoration: none;
	background-color: #ededed;
	background-image: url(images/arrow02.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#sidemenu01 li a:active {
	width:100%;
	height:46px;
	line-height: 46px;
	text-indent: 24px;
	text-decoration: none;
	background-color: #ededed;
	background-image: url(images/arrow02.png);
	background-repeat: no-repeat;
	background-position: left center;
}


/* Facebook Like Box width: 100% */
.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span{
    width: 100% !important;
}

#facebox {
	margin-bottom: 10px;
}



/* main style
--------------------------------------------*/

.bn01 {
	font-weight: normal;
	color: #FFF;
	font-size: 115%;
	background-image: url(images/haon.png);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: 30px;
	border-bottom: solid 1px #FFF;
	line-height: 30px;
}

.bn02 {
	font-weight: normal;
	font-size: 115%;
	background-image: url(images/heon.png);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: 30px;
	border-bottom: solid 1px #000;
	line-height: 30px;
}

#main p{
	margin-bottom: 14px;
	line-height: 1.7;
}

.mainflobox {
	width: 100%;
	height: auto;
	clear: both;
	margin: 0px auto;
	padding: 0px;
}

.charabox {
	width: 95%;
	height: auto;
	clear: both;
	margin: 0px auto 20px auto;
	padding: 20px 0px 20px 20px;
	background-image: url(images/kami.gif);
	background-repeat: repeat;
}

.mainfloboxl {
	width: 48%;
	float: left;
	margin: 0px;
	padding: 0px;
}

.charaboxl {
	width: 35%;
	float: left;
	margin: 0px 40px 0px 0px;
	padding: 0px;
	text-align: center;
}

.charaboxr {
	width: 56%;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

.waku {
	border: outset 10px #703e3e;
	background-color: #FFFFFF;
	text-align: center;
}
.mainfloboxr {
	width: 48%;
	float: right;
	margin: 0px;
	padding: 0px;
}

.alignbotbox {
height : 500px ;
position : relative ;
}

.alignbot {
    position:absolute;
    bottom: 0;
}

.flobox {
	width: 1100px;
	height: auto;
	clear: both;
	margin: 0px auto;
	padding: 0px;
}

.floboxl {
	width: 45%;
	float: left;
	margin: 0px;
	padding: 20px;
}

.floboxr {
	width: 45%;
	float: right;
	margin: 0px;
	padding: 20px;
}

.flo-table {
    border: none;
    width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.flo-table th {
    padding: 4px 4px 4px 4px;
    white-space: nowrap;
    width: 20%;
vertical-align: top;
font-weight: normal;

}


.flo-table td {
    padding: 4px 4px 4px 4px;
    width: 70%;
vertical-align: top;
}
.align_r {
	text-align: right;
}

/* pagenavi style　ページナビゲーション
--------------------------------------------*/

.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:14px;
line-height:22px;
font-weight: bold;
}
  
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#0169af;
border: solid 1px #0169af;
background: #FFFFFF;
font-weight: bold;
}
  
.pagination a:hover{
color:#fff;
background: #0169af;
}
  
.pagination .current{
padding:6px 9px 5px 9px;
color:#fff;
background: #0169af;
font-weight: bold;
}



/* foot style
--------------------------------------------*/

#footer {
	background-color: #080404;
	width: 100%;
	color: #FFFFFF;
	padding: 0px;
	clear: both;
	margin: 0px;
	height: 40px;
	line-height: 40px;
	text-align: center;
}

#footer a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#footer a:active {
	color: #FFFFFF;
        text-decoration: none;
}



/* 以下、タブレット縦（ディスプレイ幅が980px）より小さい画面に使われるCSS */
@media screen and (max-width: 980px) {

#wrap {
	width: 100%;
	}
#content {
	width: 100%;
	}
#mainbox {
	width: 95%;
	float: none;
	margin: 0px auto;
	}
#main {
	width: 95%;
	float: none;
	margin: 0px auto;
	}
#pagebox h2 {
    background-image: none;
	border-left: solid 6px #5b2f3f;
	color: #5b2f3f;
	line-height: 34px;
	height: auto;
	margin: 0px auto;
	padding-left: 14px;
	width: 90%;
	font-size: 143%;
	font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-weight: normal;
}

#bread {
    width: 95%;
	margin: 0px auto;
}
#side {
	float: none;
	width:90%;
	text-align: center;
	margin: 0px auto;
}
.sideimg {
display: block;
float: left;
margin-right: 6px;
}


#sidemenu01 {
    width: 70%;
	margin: 0px auto;
}


#headbox {
	width: 95%;
	margin: 0px auto;
	}

#headtop {
	width: 95%;
	margin: 0px auto;
	}

#headleft {
	width: 100%;
	text-align: center;
	float: none;
border-right: none;
}

#headleft table {
	margin: 0px auto;
}


#headright {
	width: 100%;
	text-align: center;
	float: none;
border-right: none;
}

#headright table {
	float: none;
	margin: 0px auto;
}


#headtopl {
	width: 50%;
}
#headtopr {
	width: 45%;
}

#headtopr table {
	float: none;
	margin: 0px auto;
}

#headtopr th {
	text-align: left;
	padding-right: 20px;
	border-right: dotted 1px #CCC;
	font-weight: normal;
}


#kodawari {
    width: 100%;
	height: auto;
	background-image: none;
}


#kodawari h2 {
    width: 100%;
	height: 47px;
	line-height: 47px;
	margin: 0px;
	color: #FFFFFF;
	background-color: #ee7c82;
	font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size: 115%;
	padding-left: 0px;
	text-align:center;
}

#kodawaribox {
    width: 90%;
	height: auto;
	line-height: 2.0;
	margin: 0px;
	padding:8px 8px 8px 8px;
	font-size: 14px;
}


.flobox {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	clear: both;
	margin: 0px;
}


.productsboxl {
	width: 95%;
	float: none;
	margin: 0px auto;
	padding: 0px;
}

.productsboxr {
	width: 95%;
	float: none;
	margin: 14px auto 0px auto;
	padding: 0px;
}


#headimgbk {
	background-image: url(images/headimgbk.jpg);
	background-repeat: repeat-x;
	height: auto;
	width: 95%;
	margin: 0px auto;
	padding: 0px;
}

#pageheadimgbk {
	background-image: none;
	width: 100%;
}

#indexbox {
   width: 100%;
   margin-bottom: 20px;
   height: auto;
}


#gmenu {
	width: 95%;
	background-image: none;
	margin: 0px auto;
	}
#gmenu2 {
	width: 95%;
	background-image: none;
	margin: 0px auto;
	}
	#gnavi{
	width:98%;
	margin: 0px auto;
	height: auto;
	}
	#gnavi ul{
	width:100%;
	padding: 0px;
	margin: 0px auto;
	}

    #gnavi li{
	width:32%;
	float: left;
	margin-bottom: 10px;
	line-height: 58px;
	height: 58px;
	}
	#gnavi li a{
	width:32%;
	text-indent: 0px;
	padding: 0px;
	}
	
	#gnavi li a:hover{
	}
	#gnavi span{
	display: block;
}


#gmenu a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#gmenu a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#gmenu a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#gmenu a:active {
	color: #FFFFFF;
	text-decoration: none;
}

#gnavi #menu01 a:link{
	width:100%;
	height:58px;
	background-color: #f9edcc;
	background-image: url(images/menup1.gif);
	background-repeat: repeat;
	background-position: left;
	border: solid 1px #643232;
	line-height: 58px;
}

#gnavi #menu01 a:visited {
	width:100%;
	height:58px;
	background-color: #f9edcc;
	background-image: url(images/menup1.gif);
	background-repeat: repeat;
	background-position: left;
	border: solid 1px #643232;
	line-height: 58px;
}
#gnavi #menu01 a:hover {
	width:100%;
	height:58px;
	background-color: #f9edcc;
	background-image: url(images/menup1.gif);
	background-repeat: repeat;
	background-position: left;
	border: solid 1px #643232;
	line-height: 58px;
opacity:0.8;
filter:Alpha(opacity=80);
}
#gnavi #menu01 a:active {
	width:100%;
	height:58px;
	background-color: #f9edcc;
	background-image: url(images/menup1.gif);
	background-repeat: repeat;
	background-position: left;
	border: solid 1px #643232;
	line-height: 58px;
}

#gnavi #menu02 a:link{
	width:100%;
	height:58px;
	background-color: #f9edcc;
	background-image: url(images/menup2.gif);
	background-repeat: repeat;
	background-position: left;
	border: solid 1px #643232;
	line-height: 58px;
}

#gnavi #menu02 a:visited {
	width:100%;
	height:58px;
	background-color: #f9edcc;
	background-image: url(images/menup2.gif);
	background-repeat: repeat;
	background-position: left;
	border: solid 1px #643232;
}
#gnavi #menu02 a:hover {
	width:100%;
	height:58px;
	background-color: #f9edcc;
	background-image: url(images/menup2.gif);
	background-repeat: repeat;
	background-position: left;
	border: solid 1px #643232;
	line-height: 58px;
opacity:0.8;
filter:Alpha(opacity=80);
}
#gnavi #menu02 a:active {
	width:100%;
	height:58px;
	background-color: #f9edcc;
	background-image: url(images/menup2.gif);
	background-repeat: repeat;
	background-position: left;
	border: solid 1px #643232;
	line-height: 58px;
}
#gnavi #menu03 a:link{
	width:100%;
	height:58px;
	background-color: #f9edcc;
	background-image: url(images/menup3.gif);
	background-repeat: repeat;
	background-position: left;
	border: solid 1px #643232;
	line-height: 58px;
}

#gnavi #menu03 a:visited {
	width:100%;
	height:58px;
	background-color: #f9edcc;
	background-image: url(images/menup3.gif);
	background-repeat: repeat;
	background-position: left;
	border: solid 1px #643232;
	line-height: 58px;
}
#gnavi #menu03 a:hover {
	width:100%;
	height:58px;
	background-color: #f9edcc;
	background-image: url(images/menup3.gif);
	background-repeat: repeat;
	background-position: left;
	border: solid 1px #643232;
	line-height: 58px;
opacity:0.8;
filter:Alpha(opacity=80);
}
#gnavi #menu03 a:active {
	width:100%;
	height:58px;
	background-color: #f9edcc;
	background-image: url(images/menup3.gif);
	background-repeat: repeat;
	background-position: left;
	border: solid 1px #643232;
	line-height: 58px;
}

#gnavi #menu04 a:link{
	width:100%;
	height:58px;
	background-color: #f9edcc;
	background-image: url(images/menup4.gif);
	background-repeat: repeat;
	background-position: left;
	border: solid 1px #643232;
	line-height: 58px;
}

#gnavi #menu04 a:visited {
	width:100%;
	height:58px;
	background-color: #f9edcc;
	background-image: url(images/menup4.gif);
	background-repeat: repeat;
	background-position: left;
	border: solid 1px #643232;
	line-height: 58px;
}
#gnavi #menu04 a:hover {
	width:100%;
	height:58px;
	background-color: #f9edcc;
	background-image: url(images/menup4.gif);
	background-repeat: repeat;
	background-position: left;
	border: solid 1px #643232;
	line-height: 58px;
opacity:0.8;
filter:Alpha(opacity=80);
}
#gnavi #menu04 a:active {
	width:100%;
	height:58px;
	background-color: #f9edcc;
	background-image: url(images/menup4.gif);
	background-repeat: repeat;
	background-position: left;
	border: solid 1px #643232;
	line-height: 58px;
}
#gnavi #menu05 a:link{
	width:100%;
	height:58px;
	background-color: #f9edcc;
	background-image: url(images/menup5.gif);
	background-repeat: repeat;
	background-position: left;
	border: solid 1px #643232;
	line-height: 58px;
}
#gnavi #menu05 a:visited {
	width:100%;
	height:58px;
	background-color: #f9edcc;
	background-image: url(images/menup5.gif);
	background-repeat: repeat;
	background-position: left;
	border: solid 1px #643232;
	line-height: 58px;
}
#gnavi #menu05 a:hover {
	width:100%;
	height:58px;
	background-color: #f9edcc;
	background-image: url(images/menup5.gif);
	background-repeat: repeat;
	background-position: left;
	border: solid 1px #643232;
	line-height: 58px;
opacity:0.8;
filter:Alpha(opacity=80);
}
#gnavi #menu05 a:active {
	width:100%;
	height:58px;
	background-color: #f9edcc;
	background-image: url(images/menup5.gif);
	background-repeat: repeat;
	background-position: left;
	border: solid 1px #643232;
	line-height: 58px;
}

#gnavi #menu06 a:link{
	width:100%;
	height:58px;
	background-color: #f9edcc;
	background-image: url(images/menup6.gif);
	background-repeat: repeat;
	background-position: left;
	border: solid 1px #643232;
	line-height: 58px;
}

#gnavi #menu06 a:visited {
	width:100%;
	height:58px;
	background-color: #f9edcc;
	background-image: url(images/menup6.gif);
	background-repeat: repeat;
	background-position: left;
	border: solid 1px #643232;
	line-height: 58px;
}
#gnavi #menu06 a:hover {
	width:100%;
	height:58px;
	background-color: #f9edcc;
	background-image: url(images/menup6.gif);
	background-repeat: repeat;
	background-position: left;
	border: solid 1px #643232;
	line-height: 58px;
opacity:0.8;
filter:Alpha(opacity=80);
}
#gnavi #menu06 a:active {
	width:100%;
	height:58px;
	background-color: #f9edcc;
	background-image: url(images/menup6.gif);
	background-repeat: repeat;
	background-position: left;
	border: solid 1px #643232;
	line-height: 58px;
}


/*---ページ送り---*/

.prevnext{
	font-size:100%;
	font-family:Verdana, Geneva, sans-serif;
	overflow:hidden;
}
.prev{
	margin:0;
	float:left;
}
.next{
	margin:0;
	float:right;
}


.ul-list-01 {  
  list-style-type: none;  
  width: 90%;  
  margin: 0px auto;  
}  
  
.ul-list-01 li {  
  float: left;  
  width: 40%;
  text-align: center;
  margin: 0px 14px 20px 0px;
  height: 160px;
}

.ul-list-02 {  
  list-style-type: none;  
  width: 100%;  
  margin: 0px auto;  
}  
  
.ul-list-02 li {  
  float: left;  
  width: 100%;
  text-align: center;
  margin: 0px 14px 20px 0px;
  height: 300px;
}


.nomal-table{
    width: 100%;
	margin: 0px;
	padding: 0px;
    border-top: 1px solid #e3e3e3;
    border-left: 1px solid #e3e3e3;
}

.nomal-table table{
    width: 100%;
	margin: 0px;
	padding: 0px;
	border-spacing:0;
    border-collapse:separate;
    *border-collapse:collapse; /* ie6,7 */
}

.nomal-table td {
    border-bottom: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    padding: 1.5%;
}

.nomal-table th {
    background: #fafafa;
    color: #555!important;
    border-bottom: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    padding: 1.5%;
    white-space: nowrap;
}

#to_top {
	width: 95%;
	height: 20px;
	text-align: right;
	margin: 0px auto;
	padding: 0px;
	clear: both;
}

#footmenu {
	width: 95%;
	margin: 0px auto;
}

#fbmenul {
	width: 95%;
	float: none;
	margin: 10px auto;
}


#fbmenur {
	width: 60%;
	float: none;
	margin: 30px auto 10px auto;
}

#footerbotbox {
	width: 95%;
	margin: 0px auto;
}


.floboxl {
	width: 90%;
	float: none;
	margin: 0px auto;
	padding: 20px;
}

.floboxr {
	width: 90%;
	float: none;
	margin: 14px auto 0px auto;
	padding: 20px;
}

#blogbox {
	width: 100%;
	margin: 14px auto 14px auto;
	height: auto;
}

#blogboxl {
	width: 90%;
	float: none;
	margin: 0px auto;
}
#blogboxr {
	width: 90%;
	float: none;
	margin: 0px auto;
}

}


/* 以下、タブレット縦（ディスプレイ幅が800px）より小さい画面に使われるCSS */
@media screen and (max-width: 800px) {

#headleft {
	width:95%;
	text-align: center;
	float: none;
	margin: 0px auto;
}

#headleft h1{
	font-size: 134%;
}


#headright {
	width:95%;
	text-align: center;
	float: none;
	margin: 0px auto;
}




#gmenu {
	width: 95%;
	background-image: none;
	margin: 0px auto;
	}
#gmenu2 {
	width: 95%;
	background-image: none;
	margin: 0px auto;
	}
	#gnavi{
	width:100%;
	margin: 0px auto;
	}
	#gnavi ul{
	width:100%;
	padding: 0px;
	margin: 0px auto;
	}

    #gnavi li{
	width:49%;
	float: left;
	margin-bottom: 10px;
	line-height: 58px;
	height: 58px;
	}
	#gnavi li a{
	width:49%;
	text-indent: 0px;
	padding: 0px;
	}
	
	#gnavi li a:hover{
	}
	#gnavi span{
	display: block;
}


.ul-list-01 {  
  list-style-type: none;  
  width: 90%;  
  margin: 0px auto;
}  
  
.ul-list-01 li {  
  float: left;  
  width: 40%;
  text-align: center;
  margin: 0px 14px 20px 0px;
  height: 160px;
}

.nomal-table{
    width: 100%;
	margin: 0px auto;
	padding: 0px;
    border-top: 0px solid #e3e3e3;
	border-left: solid 0px #e3e3e3;
}

.nomal-table table{
    width: 100%;
		margin-left: auto;
		margin-right: auto;
	padding: 0px;
	border-spacing:0;
    border-collapse:separate;
    *border-collapse:collapse; /* ie6,7 */
}


.nomal-table th, .nomal-table td {
        display: block;
        width: 95%;
		text-align: left;
		margin-left: auto;
		margin-right: auto;
    border-top: 0px solid #e3e3e3;
	border-bottom: solid 0px #e3e3e3;
    border-right: 0px solid #e3e3e3;
    }

.bde3e3 {
    background: #ffffff;
    font-weight: bold;
display: none;
}
.wdcontrol {
     width: 100%;
 background: #ffffff;
}

#fbmenul {
	width: 95%;
	float: none;
	margin: 10px auto;
}


#fbmenur {
	width: 95%;
	float: none;
	margin: 10px auto;
}


.charabox {
	width: 90%;
	height: auto;
	clear: both;
	margin: 0px auto 20px auto;
	padding: 20px 0px 20px 0px;
}
.charaboxl {
	width: 90%;
	float: none;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
}

.charaboxr {
	width: 90%;
	float: none;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
}

.mainflobox {
	width: 90%;
	height: auto;
	clear: both;
	margin: 0px auto;
	padding: 0px;
}

.mainfloboxl {
	width: 100%;
	float: none;
	margin: 0px auto;
	padding: 0px;
}

.mainfloboxr {
	width: 100%;
	float: none;
	margin: 0px auto;
	padding: 0px;
}

.alignbotbox {
height : 380px ;
position : relative ;
}

.alignbot {
    position:absolute;
    bottom: 0;
}

}


/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px){



#side {
	float: none;
	width: 100%;
	text-align: center;
	margin: 0px auto;
}



#headtopl {
	width: 95%;
	height: auto;
	line-height: 1.5;
	float: none;
	text-align: left;
	margin: 10px auto;
}
#headtopr {
	width: 95%;
	height: auto;
	line-height: 1.5;
	float: none;
	text-align: left;
	margin: 10px auto;
}

#headtopr th {
	text-align: left;
	padding-right: 10px;
	border: none;
	font-weight: normal;
}

#main{
	float: none;
	width: 95%;
	padding: 0;
	}
#indexbox {
   width: 100%;
   margin-bottom: 20px;
   height: auto;
}

#gmenu {
	width: 95%;
	background-image: none;
	margin: 0px auto;
	}
#gmenu2 {
	width: 95%;
	background-image: none;
	margin: 0px auto;
	}
	#gnavi{
	width:100%;
	margin: 0px auto;
	}
	#gnavi ul{
	width:100%;
	padding: 0px;
	margin: 0px auto;
	}

    #gnavi li{
	width:49%;
	float: left;
	margin-bottom: 10px;
	height: 58px;
	line-height: 58px;
	}
	#gnavi li a{
	width:49%;
	text-indent: 0px;
	padding: 0px;
	}
	
	#gnavi li a:hover{
	}
	#gnavi span{
	display: block;
}


#bread  {
display: none;
}

#knbox {
	padding-left: 0px;
}


.ul-list-01 {  
  list-style-type: none;  
  width: 230px;  
  margin: 0px auto;
}  
  
.ul-list-01 li {  
  float: none;  
  width: 230px;
  text-align: center;
  margin: 0px auto 10px auto;
  height: auto;
}

.ul-list-01 li img {
	max-width:100%;
	height:auto;
}

.flobox {
	width: 100%;
	height: auto;
	margin-bottom: 0px;
	clear: both;
	margin: 0px;
}

.floboxl {
	width: 90%;
	float: none;
	margin: 0px auto;
	padding: 20px;
}

.floboxr {
	width: 90%;
	float: none;
	margin: 14px auto 0px auto;
	padding: 20px;
}


#fbmenul {
	width: 95%;
	float: none;
	margin: 10px auto;
}


#fbmenur {
	width: 95%;
	float: none;
	margin: 10px auto;
}
#footerbotbox {
	width: 95%;
	margin: 0px auto;
}

.alignbotbox {
height : auto;
position : static;
}

.alignbot {
    position:static;
    bottom: 0;
}	

}


/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){
	
#side {
	float: none;
	width:240px;
	margin: 10px auto;
	text-align: center;
}

.sideimg {
display: block;
float: none;
margin-right: 0px;
}

#sidemenu01 {
    width: 100%;
	margin: 0px auto;
}


#cart {
	background-image: url(images/cart.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 35px;
	height: 25px;
	line-height: 25px;
}

#mail {
	background-image: url(images/mail.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 35px;
	margin-left: 0px;
	height: 25px;
	line-height: 25px;
}



#headtop img{
	margin: 0px;
	padding: 0px;
	max-width: 50%;
}

#main{
	float: none;
	width: 100%;
	padding: 0;
	}
	

.ac {
	height: 38px;
	width: 75%;
	margin: 10px auto;
	line-height: 2.0;
	font-size: 115%;
	font-weight: normal;
	padding: 0px 0px 0px 40px;
	text-indent: 0px;
    background-image: url(images/caps.gif);
	background-position: left top;
	background-repeat: no-repeat;
	font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	display: block; 
}



#pagebox h3 {
	height: auto;
	width: 95%;
	margin: 10px auto 26px auto;
	line-height: 1.5;
	font-size: 115%;
	font-weight: normal;
	padding: 0px 0px 0px 40px;
	text-indent: 0px;
    background-image: url(images/caps.gif);
	background-position: left top;
	background-repeat: no-repeat;
	font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	display: block; 
}
	
#indexbox {
display: none;
}
#bread  {
display: none;
}


#footerbotbox {
	width: 100%;
	margin: 0px auto;
	height: auto;
}

#gmenu {
	width: 100%;
	background-image: none;
	}
#gmenu2 {
	width: 100%;
	background-image: none;
	}
	#gnavi{
	width:98%;
	margin: 0px auto;
	}
	#gnavi ul{
	width:100%;
	padding: 0px;
	margin: 0px auto;
	}

    #gnavi li{
	width:100%;
	float: left;
	margin-bottom: 0px;
	font-size: 100%;
	line-height: 40px;
	height: 40px;
	}
	#gnavi li a{
	width:100%;
	text-indent: 0px;
	padding: 0px;
	font-size: 100%;
	}
	
	#gnavi li a:hover{
	font-size: 100%;
	}
	#gnavi span{
	display: block;
}

#gnavi #menu01 a:link{
	height:40px;
	line-height: 40px;
}
#gnavi #menu01 a:visited {
	height:40px;
	line-height: 40px;
}
#gnavi #menu01 a:hover {
	height:40px;
	line-height: 40px;
}
#gnavi #menu01 a:active {
	height:40px;
	line-height: 40px;
}
#gnavi #menu02 a:link{
	height:40px;
	line-height: 40px;
}
#gnavi #menu02 a:visited {
	height:40px;
	line-height: 40px;
}
#gnavi #menu02 a:hover {
	height:40px;
	line-height: 40px;
}
#gnavi #menu02 a:active {
	height:40px;
	line-height: 40px;
}
#gnavi #menu03 a:link{
	height:40px;
	line-height: 40px;
}
#gnavi #menu03 a:visited {
	height:40px;
	line-height: 40px;
}
#gnavi #menu03 a:hover {
	height:40px;
	line-height: 40px;
}
#gnavi #menu03 a:active {
	height:40px;
	line-height: 40px;
}
#gnavi #menu04 a:link{
	height:40px;
	line-height: 40px;
}
#gnavi #menu04 a:visited {
	height:40px;
	line-height: 40px;
}
#gnavi #menu04 a:hover {
	height:40px;
	line-height: 40px;
}
#gnavi #menu04 a:active {
	height:40px;
	line-height: 40px;
}
#gnavi #menu05 a:link{
	height:40px;
	line-height: 40px;
}
#gnavi #menu05 a:visited {
	height:40px;
	line-height: 40px;
}
#gnavi #menu05 a:hover {
	height:40px;
	line-height: 40px;
}
#gnavi #menu05 a:active {
	height:40px;
}
#gnavi #menu06 a:link{
	height:40px;
	line-height: 40px;
}
#gnavi #menu06 a:visited {
	height:40px;
	line-height: 40px;
}
#gnavi #menu06 a:hover {
	height:40px;
	line-height: 40px;
}
#gnavi #menu06 a:active {
	height:40px;
	line-height: 40px;
}


.ul-list-01 {  
  list-style-type: none;  
  width: 234px;  
  margin: 0px auto;
}  
  
.ul-list-01 li {  
  float: none;  
  width: 230px;
  text-align: center;
  margin: 0px auto 10px auto;
  height: auto;
}


.flo-table table{
    width: 100%;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
}



.flo-table th, .flo-table td {
        display: block;
        width: 100%;
text-align: left;
}

.flo-table{
   width: 95%;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: center;
}


#fbmenul {
	width: 95%;
	float: none;
	margin: 10px auto;
}


#fbmenur {
	width: 95%;
	float: none;
	margin: 10px auto;
}
#footerbotbox {
	width: 95%;
	margin: 0px auto;
}


}