@charset "UTF-8";

@-ms-viewport {width: device-width;}


body{
font-size:11px;
color:#336699;
text-align:left;
font-family:Verdana,Osaka,Chicago,sans-serif;
background-color:#FFFFFF;
margin:0px;
}

html{
scrollbar-3dlight-color:#FF9933;
scrollbar-arrow-color:#336699;
scrollbar-base-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#FF9933;
}

a:{text-decoration:underline;}
a:link{color:#ff9933;}
a:active {color:#ff6600;}
a:visited {color:#6699cc;}
a:hover {color:#ffcc66;}

hr.style1{
border-top: 1px solid #668899;
}

hr.style2{
border-top: 2px dotted #668899;
}

#wrapper {
width:755px;
text-align:left;
margin:0px auto;
padding:10px 10px 10px 10px;
border-right:1px solid #666666;
border-left:1px solid #666666;
background:#ffffff;
}


#summery {
line-height:normal;
text-align:right;
padding-top:6px;
padding-bottom:4px;
font-size:10px;
background-color:#ffffff;
color:#666666;
}


#header {
padding:10px 0px 10px 0px;
background:#336699;
border-radius:3px;
}


#main {
margin:20px 0px 20px 0px;
}

#right{
padding:2px 5px 2px 5px;
width:230px;
float:right;
}

#right img{
float:left;
max-width:97%;
height:auto;
margin-right:20px;
margin-bottom:20px;
vertical-align:bottom;
border:1px solid #666666;
}

#left{
width:480px;
float:left;
}

#left p{
line-height:150%;
padding:5px 10px;
}

#under{
clear:both;
margin:20px 0px 10px 0px;
}

#under p{
line-height:150%;
padding:0px 10px;
}


#footer {
text-align:center;
font-size:10px;
padding:10px 0px 10px 0px;
border-top:dotted 2px #aabbcc;
border-bottom:dotted 2px #aabbcc;
}


#header h1 {
font-size:20px;
color:#ffffff;
padding:0px 0px 0px 15px;
margin:0px;
}

#under h2{
color:#ff8c00;
margin:0px;
padding-left:5px;
font-size:13px;
}

#main h3{
color:#ff0000;
margin:0px;
padding-left:2px;
padding-bottom:5px;
font-size:13px;
}

#main p {
font-size:100%;
line-height:150%;
margin:2px 4px 10px 4px;
padding:0px;
}

.box{
padding:4px;
border:1px solid #ff8c00;
border-radius:3px;
background-color:#f5f5f5;
margin:3px 11px 3px 11px;
padding:10px;
}

.table_item{
background-color:#f3f3f3;
text-align:center;
font-size:11px;
}

.table_item2{
background-color:#ffffff;
text-align:left;
font-size:10px;
}

.table_text{
background-color:#ffffff;
text-align:left;
font-size:11px;
}

.waku{
background-color:#aabbcc;
margin:0px 5px 0px 5px;
}



/*--フォーム--*/
form{
padding:15px 10px 15px 10px;
background-color:#ffffff;
font-size:12px;
}

form p{
margin:0px 0px 20px 0px;
}


label{
display:block;
margin:0px 0px 5px 0px;
font-size:12px;
font-weight:bold;
}


input[type="text"],
input[type="email"]
{
width:65%;
padding:5px 5px 5px 5px;
border:solid 1px #666666;
border-radius:2px;
background-image:none;
font-family:inherit;
font-size:12px;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}


textarea{
width:75%;
height:70px;
padding:5px 5px 5px 5px;
border:solid 1px #666666;
border-radius:2px;
background-image:none;
font-family:inherit;
font-size:12px;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}


input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus{
border:solid 1px #0cf;
outline:none;
-webkit-box-shadow:0px 0px 5px 0px #0cf;
box-shadow:0px 0px 5px 0px #0cf;
}


/*---ボタン---*/
input[type="submit"],
input[type="reset"]
{
display:inline-block;
padding:6px 17px 6px 17px;
border:none;
border-radius:1;
background-color:#336699;
background-image:none;
color:#ffffff;
font-family:inherit;
font-size:13px;
text-decoration:none;
cursor:pointer;
-webkit-appearance:none;
}


input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="reset"]:focus
{
outline:none;
color:#222222;
background-color:#ff9900;
}


input[type="submit"]::-moz-focus-inner
{
padding:0;
border:none;
}


/* Small devices */
@media all and (max-width: 640px) {
#wrapper,#summery,#header,#under,#main,#right,#left,#footer{
float:none;
margin-top:10px;
width:auto;
}

#header h1 {
font-size:18px;
font-weight:bold;
color:#ffffff;
padding:0px 0px 10px 2　0px;
margin:0px;
}