/*
	SITE: 
	NAME: editorial.css
	DESCRIPTION: サイト構成定義
*/

/* == CONTENTS ================================================================

	1: GLOBAL
	2: HEADER
	3: NAVIGATION
	4: CONTENT
	5: MENU
	6: FOOTER

============================================================================ */


/* 1: GLOBAL --------------------------------------------------------------- */

body {
    color: #333;
}
a { color: #333; }
a:link,
a:visited { text-decoration: none; }
a:hover,
a:active {
}
h1 {
}
/* 2: HEADER --------------------------------------------------------------- */

#header-inner { 
    padding: 0 ; 
    margin:0; 
    height:150px;
}

#header-title,#header-tel,#header-contact {
    float: left; 
}

#header-title p {
    margin:5px 0 0 10px;
	font-weight: bold;
    font-size:16px;
}
#header-title {
    margin:13px 0 0 5px;
    padding:0;
    width: 555px;
    height:76px;
}
#header-lead {
    width: 555px;
    margin: 10px 0 0 5px;
    padding: 0;
}

#header-tel {
    width: 300px;
    height:125px;
    float: left;
    margin: -20px 0 5px 112px;
}

/* 3: NAVIGATION ----------------------------------------------------------- */

#globalnavi li {
    float: left;
    width: 157px;
    height:55px;
    list-style-image: none;
    list-style-type: none;
    color: #000;
    font-size:100%;
    font-weight:bold;
    font-family: "メイリオ", "Meiryo";
}
#globalnavi span { float: left; }
#globalnavi li a {
    display: block;
    background-image: url(../images/g_navi.jpg);
    background-repeat:no-repeat;
    padding:22px 0 0 0;
    text-align:center;
    color: #000;
}


/* 4: CONTENT -------------------------------------------------------------- */

/* 価格表はこちら */
.price_botan {
    text-align:right;
    margin:10px 30px 10px 0 ;
}

.price_botan a:hover img{
    opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}

.price_botan2 {
    width:650px;
    clear:both;
    text-align:right;
    margin:10px 0 10px 20px ;
}

.price_botan2 hr{
    color:#ededed;
}

.price_botan2 a:hover img{
    opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}


.print_flow{
    margin:10px 30px 10px 50px;
}

.print_flow td{
    width:250px;
    padding:10px;
}


#mainimg{
    width:700px;
    height:200px;
    margin:5px 0 0 0;
	text-align:center;
    padding:0;
    position:relative;
    background-image:url(../images/mainimg_bg.jpg);
    background-repeat:no-repeat;
}


#main_img{
    float:left;
    width:585px;
    margin:13px 5px 0 12px;
}


#main_menuimg{
	clear:both;
	height:202px;
    margin:0 0 15px 0;
}

#main_menuimg01{
	float:left;
    width:347px;
}

#main_menuimg02{
	float:right;
    width:347px;
}

#top_bunner{
	clear:both;
    width:700px;
    margin:0 0 0 0;
}

#top_bunner ul li{
    margin:0 0 10px 0;
}



.top_w{
	clear:both;
	width:698px;
    margin:0 0 15px 0;
    border-left:solid 2px #FFC700;
    border-right:solid 2px #FFC700;
    border-bottom:solid 2px #FFC700;
}

#top_day01{
	float:left;
    width:334px;
	margin:10px 5px 10px 10px;
}

#top_day02{
	float:right;
    width:334px;
	margin:10px 10px 10px 0;
}

.top_w p{
	clear:both;
    margin:0 0 15px 0;
}

.top_w dl{
	margin:20px 20px 20px 30px;
}


.top_w dt{
	font-size:14px;
    font-weight:bold;
	margin:0;
	padding:0;
}

.top_w dd{
	margin:5px 15px 15px 20px;
	font-size:12px;
}

.sub01_w{
	clear:both;
}

.sub01_w h3{
  width:100%;
  margin:20px 0;
  padding:10px;
  font-size:20px;
  font-weight:bold;
  background-color:#acd730;
}

.sub02_w{
	clear:both;
}

.sub02_w h3{
  width:100%;
  margin:40px 0 20px;
  padding:10px;
  font-size:18px;
  font-weight:bold;
  background-color:#34bdf1;
}

.sub03_w{
	clear:both;

}

.sub04_w{
	clear:both;

}
.sub04_w h3{
  width:100%;
  margin:20px 0;
  padding:10px;
  font-size:20px;
  font-weight:bold;
  background-color:#cccccc;
}


.sub01{
	clear:both;
	margin:0;
	padding:0;
	text-align:center;
}
.sub01_01{
    width:100%;
	text-align:center;
}

.sub01_01 img{
    width:465px;
	margin:0 auto;
}

.sub01_02 img{
    width:550px;
    height:99px;
	margin:20px auto;
	padding:0;
}
.sub01_03{
    width:170px;
    height:130px;
	margin:20px auto;
	padding:0;
}
.sub01_03 img{
    width:254px;
	margin:0 auto;
}
.sub01_04{
    width:177px;
    height:130px;
	margin:20px auto;
	padding:0;
}
.sub01_05{
    width:177px;
    height:130px;
	margin:20px auto;
	padding:0;
}
.sub01_w p{
	clear:both;
    margin:0 0 10px 0;
	font-weight:normal;
	text-align:center
}

.sub02_w p{
	clear:both;
    margin:0 0 10px 0;
	font-weight:normal;
	text-align:center
}

.sub03_w p{
	clear:both;
    margin:0 0 10px 0;
	font-weight:normal;
	text-align:center
}

.sub04_w p{
	clear:both;
    margin:0 0 10px 0;
	font-weight:normal;
	text-align:center
}

.sub04_w table{
	width:650px;
    font-size:14px;
	margin:20px;
}

.sub04_w table th{
	width:150px;
    background-color:#ededed;
	text-align:left;
    padding:5px;
    padding:5px;
    border:solid 1px #ccc;
}

.sub04_w table td{
	text-align:left;
    padding:5px;
    border:solid 1px #ccc;
}


.request{
	width:465px !important;
    margin: 0 auto 15px auto;
    padding:20px;
	text-align:center;
	background-color:#f6f6f6;
}
.request2{
	width:465px !important;
    margin: 0 auto 15px auto;
    padding:20px;
	text-align:center;
	background-color:#f6f6f6;
}
.request img{
	width:254px;
}

.request2 img{
	width:254px;
}

.bnr_btn{
    max-width:700px;
	clear:both;
	margin:20px auto;
	font-size:18px;
}
@media(max-width:768px) {
.sub01_01 img{
    max-width:350px;
    height:auto;
	margin:0 auto;
}
.request{
    max-width:300px;
    margin: 15px auto;
    padding:10px;
	text-align:center;
	background-color:#f6f6f6;
}
.request2{
    max-width:300px;
    margin: 15px auto;
    padding:10px;
	text-align:center;
	background-color:#f6f6f6;
}
.request img{
	width:254px;
    height:auto;
}

.request2 img{
	width:254px;
    height:auto;
}
.sub01_w p{
	clear:both;
    margin:10px 0;
	font-weight:normal;
	text-align:center
}

.sub02_w p{
	clear:both;
    margin:10px 0;
	font-weight:normal;
	text-align:center
}
.sub01_03{
    width:170px;
    height:130px;
	margin:20px auto;
	padding:0;
}
.sub01_03 img{
    width:170px;
	margin:0 auto;
}
.sub01_04{
    width:177px;
    height:130px;
	margin:20px auto;
	padding:0;
}
.sub01_04 img{
    width:170px;
	margin:0 auto;
}
.sub01_05{
    width:177px;
    height:130px;
	margin:20px auto;
	padding:0;
}

.sub03_w p{
	clear:both;
    margin:10px;
	font-weight:normal;
	text-align:center
}

.sub04_w p{
	clear:both;
    margin:10px 0;
	font-weight:normal;
	text-align:center
}
.sub04_w table{
	width:350px;
    font-size:14px;
	margin:0 auto;
}

.sub04_w table th{
	width:80px;
    background-color:#ededed;
	text-align:left;
    padding:5px;
    padding:5px;
    border:solid 1px #ccc;
}

.sub04_w table td{
	text-align:left;
    padding:5px;
    border:solid 1px #ccc;
}
.bnr_btn{
	font-size:18px;
}
.bnr_btn img{
	width:351px;
    height:auto;
	clear:both;
	margin:0 auto;
}
}

#okage{
	clear:both;
    width:700px;
	margin:0 0 20px 0;
}


#mainimg2{
    width:900px;
    height:104px;
    margin:0;
    padding:0;
    position:relative;
    background-image:url(../images/mainimg2_bg.jpg);
    background-repeat:no-repeat;
}

#main_img2{
    float:left;
    width:874px;
    margin-top: 8px;
    margin-right: 5px;
    margin-bottom: 10px;
    margin-left: 9px;
}


/* 5: MENU ----------------------------------------------------------------- */

#menu dd { margin: 0 0 1em 0; }

/* 商品アイテム */

.menunavi01 {
    float:left;
    clear:both;
    margin:0;

}
.menunavi01 li {
    float: left;
    padding:0;
    margin:0 11px 0 5px;
    color: #000;
    list-style-type: none;
    list-style-image: none;
}
.menunavi01 li a {
    float: left;
    display: block;
    width: 100%;
    list-style-image: none;
    list-style-type: none;
}



/* 6: FOOTER --------------------------------------------------------------- */

#footer-inner {
    margin-top: .5em;
    padding-top: 30px;
}
