/* CSS Document */
*{
margin:0;
padding:0;
font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
 }


body{
background-color:#ffffff;
background-image:url(img/customorder/bg.gif);
background-repeat:repeat-y;
background-position:center;
}

#box{
width:930px;
margin:0 auto;
}

#main{
width:930px;
}

li{
list-style:none;
}

h1{
font-size:12px;
background-color:#000000;
color:#ffffff;
margin:0px;
width:790px;
padding:3px 5px;
}

h2{
background-image:url(img/bnr/header2016.jpg);
background-repeat:no-repeat;
width:930px;
height:130px;
margin:0px;
text-indent:-9999px;
}

h3{
font-size:23px;
background-color:#dddddd;
padding:15px 30px;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#cccccc;
color:#000000;
margin-top:20px;
}

h4{
font-size:25px;
background-color:#efefef;
padding:5px 0 5px 0;
border-width:1px;
border-style:solid;
border-color:#cccccc;
color:#000000;
margin-left:0px;
}

h5{
font-size:25px;
background-color:#ffffff;
padding:1px 0 1px 0px;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#cccccc;
color:#000000;
margin:10px 0;
}

h6{
margin:30px 0 10px 0px;
padding:5px 0 5px 0px;
font-size:25px;
color:#333333;
border-bottom-style:solid;
border-bottom-color:#333333;
border-bottom-width:1px;
}

.border{
margin:5px 0;
padding:50px;
border:dotted 1px #333333;
}

nav {
	width: 100%;
	display: flex;
	align-content: space-between;
	justify-content: center;
}

.sns {
	display: flex;
	align-content: space-around;
	justify-content: center;

}
.sns img {
	width: 28px;
	padding: 0 10px 5px;
	vertical-align: bottom;
}


#header{background-color:#000000;}

#mainmenue{
/*width:760px;*/
padding:5px 20px;
background-color:#000000;
color:#ffffff;
}

#mainmenue a, #mainmenue a:visited{
color:#ffffff;
}

#mainmenue li{
font-size:12px;
display:inline;
margin-right:15px;

}

#maincontents{
width:100%;
}

#maincontents p{
margin:10px 0;
font-size:17px;
line-height:29px;
}



#handmade{
background-image:url(img/handmade.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
width:590px;
height:240px;
margin-bottom:10px;
margin-left:20px;
}

#hazimete{
background-image:url(img/hazimete.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
width:590px;
height:200px;
margin-bottom:10px;
margin-left:20px;
}

#law{
background-image:url(img/law.gif);
background-repeat:no-repeat;
text-indent:-9999px;
width:590px;
height:360px;
margin-bottom:10px;
margin-left:20px;
}


#new, #type, #text,#news{
margin-left:20px;
margin-bottom:10px;
}

#type ul{
padding-left:10px;
}

#type li{
width:575px;
font-size:11px;
line-height:25px;
margin-right:15px;
display:inline;
}

#new li,#news li{
width:575px;
font-size:11px;
line-height:20px;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#dddddd;
border-left-width:5px;
border-left-style:double;
border-left-color:#cccccc;
margin-bottom:7px;
padding-left:10px;
}

.main-image{
margin-left:20px;
margin-bottom:10px;
}

input{
border-width:1px;
border-style:solid;
border-color:#333333;
background-color:#ffffff;
font-size:17px;
padding:10px;
margin:10px 0 10px 10px;
}

select{
font-size:17px;
padding:10px;
margin:10px 10px;
}

#maincontents table{
width:100%;
margin-top:5px;
border-collapse:collapse;
}

td{
font-size:17px;
line-height:29px;
padding:10px 15px;
border:1px solid #333333;
}

.tag{
width:100%;
margin:15px 0;
}

.tag a{
color:#333333;
border:2px solid #999999;
padding:10px;
margin-right:10px;
margin-bottom:7px;
text-decoration:none;
display:inline-block;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
font-weight:bold;
}

address{
font-style:normal;
font-size:15px;
width:100%x;
background-color:#000000;
color:#ffffff;
padding:15px 30px;
line-height:29px;
}

address a{
color:#ffffff;
}

address a:visited{
color:#ffffff;
}

@media (max-width:960px){

h3{
font-size:33px;
background-color:#dddddd;
padding:25px 40px;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#cccccc;
color:#000000;
margin-top:50px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

h6{
margin:50px 0 10px 0px;
font-size:33px;
color:#333333;
background-color:#dddddd;
padding:25px 40px;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#cccccc;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

td, tr{
font-size:33px;
line-height:45px;
}

#maincontents p{
margin:50px 0;
font-size:33px;
line-height:49px;
}

.tag{
width:100%;
margin:30px 0;
}

.tag a{
color:#333333;
border:2px solid #999999;
padding:30px;
margin-right:20px;
margin-bottom:30px;
text-decoration:none;
display:inline-block;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
font-weight:bold;
font-size:33px;
}

}