/*
Theme Name: webcom
Author: WEBCOM
Author URI: http://www.web-com.info/
*/

*{
margin: 0;
padding: 0;
}*

img{
border-style: none;
}

a{
outline: 0;
}

body{
background-color: #ffffff;
margin: 0;
padding: 0;
font-family: “Hiragino Maru Gothic Pro” ,”HG丸ゴシックM-PRO” ,verdana ,arial ,sans-serif;
}

#wrapper{
background-color: #ffffff;
width: 900px;
height: auto;
margin: auto;
}

#header{
width: 900px;
height: auto;
margin: auto;
}

#logo{
width: 900px;
height: 40px;
margin: auto;
padding: 5px 5px;
}

#description h2{
font-size: 12px;
color: #333333;
padding: 5px 15px;
}

#navi{
width: 900px;
height: auto;
margin: auto;
}

#navi ul,navi li{
padding: 0;
list-style: none;
margin-top: 5px;
}

#navi li{
float: left;
}

#navi a,#navi a:link,#navi a:visited{
text-decoration: none;
color: #333333;
width: 100px;
height: 30px;
font-size: 10px;
text-align: center;
padding: 5px 5px;
display: block;
}

#navi a:hover{
color: #ffcc00;
}

#container{
width: 900px;
height: auto;
margin: auto;
}

#contents{
width: 700px;
height: auto;
margin: auto;
float: left;
}

#maincontents{
width: 680px;
height: auto;
margin: 10px;
}

#mainimage{
width: 680px;
height: 200px;
margin-bottom: 10px;
}

#maincontents h3{
border-left: 20px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
font-size: 13px;
color: #333333;
padding: 8px 10px;
margin-bottom: 5px;
}

#maincontents strong{
font-size: 13px;
color: #333333;
text-align: justify;
line-height: 2.0;
}

#maincontents p{
font-size: 12px;
color: #333333;
text-align: justify;
line-height: 1.8;
}

#top_branding{
width: 680px;
height: auto;
margin: 10px;
}

#web{
width: 335px;
height: auto;
margin-right: 10px;
margin-bottom: 10px;
float: left;
}

#web h4{
border-left: 20px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
font-size: 13px;
color: #333333;
padding: 8px 10px;
margin-bottom: 5px;
}

#web p{
font-size: 12px;
color: #333333;
text-align: justify;
line-height: 1.8;
}

#dtp{
width: 335px;
height: auto;
margin-bottom: 10px;
float: right;
}

#dtp h4{
border-left: 20px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
font-size: 13px;
color: #333333;
padding: 8px 10px;
margin-bottom: 5px;
}

#dtp p{
font-size: 12px;
color: #333333;
text-align: justify;
line-height: 1.8;
}

.box{
width : 50%;
height: 270px;
float : left;
}

#pagecontents{
width: 680px;
height: auto;
margin: 10px;
}

#pageimage{
width: 680px;
height: 100px;
margin-bottom: 5px;
}

#pagecontents h3{
border-left: 20px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
font-size: 13px;
color: #333333;
padding: 8px 10px;
margin-bottom: 5px;
}

#pagecontents h4{
font-size: 13px;
color: #b5704e;
padding: 5px 0;
}

#pagecontents b{
border-left: 10px solid #d5d5d5;
font-size: 12px;
color: #333333;
padding: 5px 10px;
}

#pagecontents p{
font-size: 12px;
color: #333333;
text-align: justify;
line-height: 1.8;
}

#linkcontents{
width: 680px;
height: auto;
margin: 10px;
}

#linkcontents h3{
border-left: 20px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
font-size: 13px;
color: #333333;
padding: 8px 10px;
margin-bottom: 5px;
}

#linkcontents h2{
font-size: 13px;
color: #333333;
padding: 5px 0;
}

#linkcontents ul,#linkcontents li{
margin: 0;
text-align: justify;
line-height: 1.8;
list-style: none;
font-size: 12px;
color: #333333;
}

#archivecontents{
width: 680px;
height: auto;
margin: 10px;
}

#archivecontents h3{
border-left: 20px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
font-size: 13px;
color: #333333;
padding: 8px 10px;
margin-bottom: 5px;
}

#archivecontents b{
border-left: 15px solid #0000a9;
font-size: 13px;
color: #333333;
padding: 5px 10px;
}

#archivecontents p{
font-size: 12px;
color: #333333;
text-align: justify;
line-height: 1.8;
}

#singlecontents{
width: 680px;
height: auto;
margin: 10px;
}

#singlecontents h3{
border-left: 20px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
font-size: 13px;
color: #333333;
padding: 8px 10px;
margin-bottom: 5px;
}

#singlecontents h4{
font-size: 13px;
color: #b5704e;
padding: 5px 0;
}

#singlecontents b{
border-left: 15px solid #0000a9;
font-size: 13px;
color: #333333;
padding: 5px 10px;
}

#singlecontents p{
font-size: 12px;
color: #333333;
text-align: justify;
line-height: 1.8;
}

#pankuzu{
width: 660px;
height: auto;
margin: 10px;
}

#pankuzu p{
font-size: 10px;
text-align: right;
}

table.company_table{
margin-top: 5px;
margin-bottom: 5px;
width: 100%;
font-size: 12px;
color: #333333;
text-align: justify;
line-height: 2.0;
}

table.company_table th{
border-bottom: solid 1px #b2b2b2;
border-right: solid 1px #b2b2b2;
width: 20%;
text-align: center;
}

table.company_table td{
border-bottom: solid 1px #b2b2b2;
border-right: solid 1px #b2b2b2;
width: 80%;
text-align: left;
}

table.inquiry_table{
margin-top: 5px;
margin-bottom: 5px;
width: 100%;
font-size: 12px;
color: #333333;
text-align: justify;
line-height: 2.0;
}

table.inquiry_table th{
border-bottom: solid 1px #b2b2b2;
border-right: solid 1px #b2b2b2;
width: 20%;
text-align: center;
}

table.inquiry_table td{
border-bottom: solid 1px #b2b2b2;
border-right: solid 1px #b2b2b2;
width: 80%;
text-align: left;
}

table.low_table{
margin-top: 5px;
margin-bottom: 5px;
width: 100%;
font-size: 12px;
color: #333333;
text-align: justify;
line-height: 2.0;
}

table.low_table th{
border-bottom: solid 1px #b2b2b2;
border-right: solid 1px #b2b2b2;
width: 20%;
text-align: center;
}

table.low_table td{
border-bottom: solid 1px #b2b2b2;
border-right: solid 1px #b2b2b2;
width: 80%;
text-align: left;
}

table.price_table{
margin-top: 5px;
margin-bottom: 5px;
width: 100%;
font-size: 12px;
color: #333333;
text-align: justify;
line-height: 2.0;
}

table.price_table th{
border-bottom: solid 1px #b2b2b2;
border-right: solid 1px #b2b2b2;
width: 20%;
text-align: center;
}

table.price_table td{
border-bottom: solid 1px #b2b2b2;
border-right: solid 1px #b2b2b2;
width: 80%;
text-align: left;
}

table.sample_table{
margin-top: 5px;
margin-bottom: 5px;
width: 100%;
font-size: 12px;
color: #333333;
text-align: justify;
line-height: 2.0;
}

table.sample_table th{
border-bottom: solid 1px #b2b2b2;
border-right: solid 1px #b2b2b2;
width: 20%;
text-align: center;
}

table.sample_table td{
border-bottom: solid 1px #b2b2b2;
border-right: solid 1px #b2b2b2;
width: 80%;
text-align: left;
}

table.blog{
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
width: 100%;
}
.blog td{
text-align: left;
vertical-align: top;
padding: 3px 5px;
font-size: 12px;
color: #333333;
}
.blog img{
width: 50px;
height: auto;
}

#sidebar{
width: 200px;
height: auto;
margin: auto;
float: right;
}

#news{
width: 188px;
height: auto;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 10px;
border: 1px solid #cccccc;
}

#news h4{
background-color: #d5d5d5;
border-bottom: 1px solid #cccccc;
font-size: 12px;
color: #333333;
padding: 5px 10px;
}

table.news{
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
}
.news td{
padding: 3px 3px;
font-size: 12px;
color: #333333;
}

#side_blog{
width: 188px;
height: auto;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 10px;
border: 1px solid #cccccc;
}

#side_blog h4{
background-color: #d5d5d5;
border-bottom: 1px solid #cccccc;
font-size: 12px;
color: #333333;
padding: 5px 10px;
}

table.side_blog{
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
}
.side_blog td{
padding: 3px 3px;
font-size: 12px;
color: #333333;
}

#area{
width: 188px;
height: auto;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 10px;
border: 1px solid #cccccc;
}

#area h4{
background-color: #d5d5d5;
border-bottom: 1px solid #cccccc;
font-size: 12px;
color: #333333;
padding: 5px 10px;
}

#area strong{
font-size: 12px;
color: #333333;
margin: 3px;
}

#area p{
font-size: 12px;
color: #333333;
text-align: justify;
line-height: 1.8;
margin: 3px;
}

#movie{
width: 190px;
height: auto;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 10px;
}

#movie ul,#movie li{
margin: 0;
padding: 0;
list-style: none;
}

#banner{
width: 190px;
height: auto;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 10px;
}

#banner ul,#banner li{
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 5px;
}

#footer{
clear: both;
width: 900px;
height: 51px;
margin: auto;
text-align: center;
border-top: 1px solid #dcdcdc;
}

#footer address{
font-size: 10px;
font-style: normal;
color: #555555;
padding: 5px 5px;
}

#footer ul{
margin: 0;
list-style: none;
}

#footer li{
font-size: 10px;
display: inline;
}

#footer a,#footer a:link,#footer a:visited{
text-decoration: none;
color: #555555;
background-color: transparent;
width: auto;
height: auto;
padding: 10px 5px;
}