@charset "UTF-8"; 

/* ---- All/----*/
.contents {width:910px; margin:0px auto; }
.menu { position:relative; float:right; margin:10px 0px; }
/* .article { float:left; width:720px; margin:10px 0px; } */
.article { width:100%; margin:10px auto; }

.head_box { width:720px; margin-top:10px; }
.head_box img { width:100%; height:auto;}
.m_head { padding:0; margin-bottom:10px; }

/*---- text_box/ ----*/
.title_box { width:100%; background-color:#222; color:#fff; padding:0px; margin:0; margin:10px 0px; }
.title_box h2 { padding:10px 15px 0px 15px; font-size:1.4em; }
.title_box .comm { padding:0px 15px 10px 15px; }

.text_box { width:calc(100% - 20px); background-color: #fff; padding:10px; margin:0; min-height:500px; position: relative ; z-index:100; }
.text_box img { display: block; }
h2 { font-size:1.6em; }
h3 { font-size:1.6em; }
h4 { font-size:1.4em; }
h5 { font-size:1.4em; }
h6 { font-size:1.2em; }
/* ---- /text_box ---- */

.fm { padding:0px 10px; margin:0px; } 
.fm li { float:left; width:auto; margin:0px 0px 0px 10px; padding:0px 20px 0px 0px ; list-style:square; }
.footer { position:relative; width:720px; }
.copyright { padding:10px 0px; }


/* ---- index_box/ ---- */
.index_box { padding-bottom:10px; margin-bottom:10px; border-bottom:2px dotted #999; clear:both; z-index:50; }
.index_title { padding:2px; font-size:1.2em; padding-left:20px; background: url(../img/i_black.gif) no-repeat 3px 0.45em; font-weight:bold; line-height:1.5; z-index:90; }
.index_title:hover { cursor:pointer; background: url(../img/i_green.gif) no-repeat 3px 0.45em; }
.index_update { float:right; width:10em; padding:2px; font-size:12px; color:#666; text-align:right; }
.index_icon { float:left; }
.index_icon img { margin-right:10px; margin-bottom:10px; }
.index_comment { overflow:auto; clear:both; }
.index_comment h3 { font-size:1.2em; margin-bottom:0.2em; border-left:0px; padding-left:0px; }
/* ---- /index_box ---- */

/*---- 画像回り込みセット ----*/
.box_l { width:100%; margin:0px 0px 20px 0px; }
.box_l .photo { float:left; max-width:80%; margin-right:10px; display:inline; }
.box_l .photo img { margin:0px; padding:0; height:auto; }
.box_l .txt { float:none; width:100%; padding:0px; display:inline; overflow:hidden; }

.box_r { width:100%; margin:0px 0px 20px 0px; }
.box_r .photo { float:right; max-width:80%; margin-left:10px; display:inline; }
.box_r .photo img { margin:0px; padding:0; height:auto; }
.box_r .txt { float:none; width:100%; padding:0px; display:inline; overflow:hidden; }

/*---- 画像回り込まないセット ----*/
.box_l2 { width:100%; margin:0px 0px 20px 0px; }
.box_l2 .photo { float:left; margin-right:10px; max-width:75%; display:inline; }
.box_l2 .photo img { height:auto; margin:0px; padding:0; }
.box_l2 .txt {  padding:0px; overflow:auto; zoom:1; text  }

.box_r2 { width:100%; margin:0px 0px 20px 0px; }
.box_r2 .photo { float:right; margin-left:10px; max-width:75%; display:inline; }
.box_r2 .photo img {  height:auto; margin:0px; padding:0; }
.box_r2 .txt { padding:0px; overflow:auto; zoom:1;	 }


/*---- table/----*/
.table01 { width:100%; margin-bottom:20px; border:0; border-collapse:collapse; }
.table01 th { padding:5px 8px; border-top:2px dotted #999; border-bottom:1px dotted #ccc; text-align:left;  vertical-align:top; }
.table01 td { padding:5px 8px; border-top:2px dotted #999; border-bottom:1px dotted #ccc; vertical-align:top; }

.table02 { width:100%; margin-bottom:20px; border-collapse:collapse; }
.table02 th { padding:5px 8px; background:#eee; border-top:2px solid #999; border-bottom:2px solid #999; text-align:left;  vertical-align:top; }
.table02 td { padding:5px 8px; border-top:2px solid #999; border-bottom:2px solid #999; vertical-align:top; }

.table03 { width:100%; border:2px solid #999; border-collapse:collapse; margin-bottom:20px; }
.table03 th, .table03 td { padding:5px 8px; border:2px dotted #999; border-top:2px solid #999; font-size:14px; vertical-align:top; }
.table03 caption { padding:5px 8px; font-weight:bold; }
.table03 tbody th { background:#eee; white-space:nowrap; text-align:left; font-weight:bold;  }
.table03 tbody .odd th { background-color:#999; }
.table03 tbody tr .ex { background:#999; font-weight:normal; }
.table03 tbody .odd .ex { background-color:999; }
.table03 tbody td { }
.table03 tbody .odd td { background:#eee; }
.table03 thead th { background-color:#222; color:#fff; }
.table03 thead td { }
/*---- /table----*/


/*---- 注文フォーム ----*/
.big_img { border:1px solid #333; }
.name { font-size:2em; }
form input { font-size:1.25em;}
form select { font-size:1.25em; width:100%; margin:2px 0px;}
form .b_order { display:block; width:100%; padding:10px 0px;  font-size:1.25em; text-align:center; border:1px solid #aaa;  background:#fff; /*background:#222; color:#fff; border:none;*/ font-weight:bold; }
form .b_order:hover { background:#ddd; cursor:pointer; }


@media screen and (max-width:480px) {
.contents { width:auto !important; }
.article { float:none; width:290px; margin:10px auto 0px auto; }
.article .text_box img { width:100%; height:auto; }

.title_box { width:auto; }
.text_box { background:none; padding:0px ; width:auto; height:auto; min-height:auto; }

.body { background:#fff; padding:10px; }
.index_box { background:#fff; padding:10px; margin-bottom:10px; border:none; }
.index_icon { float:none; }

/*---- 画像回り込みセット ----*/
.box_l, .box_l2,  { width:100%;  margin:0px 0px 40px 0px; }
.box_l .photo, .box_l2 .photo { float:none; width:100%; margint:0px; display:inline; }
.box_l .photo img, .box_l2 .photo img { width:100%; margin:0px 0px 10px 0px;  padding:0; height:auto; }
.box_l .txt, .box_2l .txt { float:none; width:100%; padding:0px; display:inline; overflow:hidden; }

.box_r, .box_r2 { width:100%; margin:0px 0px 40px 0px; }
.box_r .photo, .box_r2 .photo { float:none; width:100%; margin:0px; display:inline; }
.box_r .photo img, .box_r2 .photo img { width:100%; margin:0px 10px 10px 10px;  padding:0; height:auto; }
.box_r .txt, .box_r2 .txt { float:none; width:100%; padding:0px; display:inline; overflow:hidden; }

.fm { padding:10px 20px; margin:0px; background:#fff; margin-top:-1em;  } 
.fm li { float:left; width:90%; margin:0px 0px 0px 10px; padding:0px; list-style:square; }

.footer { width:280px; }

}