/*---------------start default setting---------------*/

body{margin: 0; padding: 0; line-height:1.7; color:#666; font-family: "メイリオ", "Meiryo", "Arial", "Sans-Serif"; font-size:0.9em;}
body.index{ background: url(../img/bg-index.gif) repeat-x left top;}
body.basic{ background: url(../img/bg.gif) repeat-x left top;}

a, a:visited{color:#249dc5; text-decoration: none;}
a:hover{color:#62aec7; text-decoration:underline;}
a.thumblink, a.thumblink:visited{display:block; padding:5px; background-color: #eee;}
a.thumblink:hover{ background-color: #ddd;}
a.thumblink img{vertical-align: middle;}

h1{font-size:190%; }
h2{font-size:140%; margin-bottom:20px; }
h3{font-size:18px; margin-bottom:10px; color: #2d92bc;}
h4{font-size:15px; margin-bottom:20px;}
h5{font-size:110%; margin-bottom:5px;}
p{margin:0px 0 8px 0;}
ul{list-style-type:none;}
img {border-width: 0;}
span{display:none;}
img.border{padding:5px; border: solid 1px #ccc;}

#link_message h2{margin-bottom: 10px;}
#link_message p{color:#666;}
/*---------------end default setting---------------*/
.impact{color: #C7445B; font-weight: bold; font-size: 110%;}
.impact2{color: #C7445B; font-weight: bold; font-size: 110%;}

/* glocal setting */
.icn01{padding-left:15px; background: url(../img/icn01.gif) no-repeat left center; height: 1%;}
.icn02{padding-left:15px; background: url(../img/icn02.gif) no-repeat left center; height: 1%;}
.icn03{padding-left:20px; background: url(../img/icn03.gif) no-repeat left center; height: 1%;}

.bg_01{background-color: #f8f4e6;}

/* grid setting */
#header{position:relative; top: 20px; left: 0;}
body.index #header{height:85px;  }
body.basic #header{height:114px;  }
#simbol{height:350px; background:url(../img/simbol.gif) no-repeat center top; }
#slogan{margin-top:65px; }
#content{padding-top: 40px; background:url(../img/bg-content.gif) no-repeat right top;}
#index{margin-top: 20px;}
#footer{text-align: center; margin-bottom: 20px;}

/* header setting */
.logo {float: left; display: left;}

#navigation ul{margin:10px 0 0 0px;float: right; display: left; }
#navigation ul li{display: inline; float: left; margin:0; padding: 0;}

#navigation ul li a{display: block; position: relative;}

#navigation ul li a.outline{background: url(../img/nav/outline.gif) no-repeat left top; width:110px; height:39px;}
#navigation ul li a.webdesign{background: url(../img/nav/webdesign.gif) no-repeat left top; width:93px; height:39px;}
#navigation ul li a.product{background: url(../img/nav/product.gif) no-repeat left top; width:91px; height:39px;}
#navigation ul li a.contact{background: url(../img/nav/contact.gif) no-repeat left top; width:107px; height:39px;}
#navigation ul li a:hover, #navigation ul li a.current{background-position:left bottom;}

.viewdetail{float:right; display: inline;margin-right:5px; }
.viewdetail a{display:block; width:104px; height:26px; background:url(../img/viewdetail.gif) no-repeat left top;}
.viewdetail a:hover{background-position:left bottom !important;}

.box{margin-bottom: 40px;}

/* index simbol area setting */
#slogan h1 {height:35px; width:382px; margin-bottom:20px; background:url(../img/slogan.gif) no-repeat left top; }
#slogan h2 {height:40px; width:343px; margin-bottom:10px;background:url(../img/description.gif) no-repeat left top; }
#slogan .description{color: #777; font-size:12px; line-height:1.7; letter-spacing: 2px;}


/* index content area setting */
#index-outline{margin-top:0px !important; margin-bottom: 40px;}
#index-outline .thumb{float:left; margin:0 20px 5px 0;}
#index-outline h3{margin-bottom:15px; float:right; display: inline;}
#index-outline .seisaku h3{width:260px; height:23px; background:url(../img/title_seisaku.png) no-repeat left top;}
#index-outline .service h3{width:260px; height:23px; background:url(../img/title_service.png) no-repeat left top;}

#index-other {margin-bottom: 40px;}
#index-other h3{margin-bottom:10px; }
#index-other .info{font-size: 90%;}
#index-other .info h3{width:260px; height:38px; background:url(../img/title_info.gif) no-repeat left top;}
#index-other .pickup h3{width:260px; height:38px; background:url(../img/title_pickup.gif) no-repeat left top;}
#index-other .tshirts h3{width:260px; height:38px; background:url(../img/title_tshirts.gif) no-repeat left top;}

#index-other .info li{border-left: solid 5px #2d92bc; margin-bottom:10px; padding-left:5px;height: 100%;}
#index-other .info li p{margin-bottom: 3px; line-height: 1.3;}
#index-other .info li p.date{color: #777; font-weight: bold;}

/* basic contents setting */
#content h1.outline{width:204px; height:41px; margin-bottom:20px; background:url(../img/ctitle_outline.gif) no-repeat left top; }
#content h3.outline{width:386px; height:40px; margin-bottom:15px; background:url(../img/desc_outline.gif) no-repeat left top;}
#content h1.webdesign{width:178px; height:41px; margin-bottom:20px; background:url(../img/ctitle_webdesign.gif) no-repeat left top; }
#content h3.webdesign{width:386px; height:40px; margin-bottom:15px; background:url(../img/desc_webdesign.gif) no-repeat left top;}
#content h1.product{width:178px; height:41px; margin-bottom:20px; background:url(../img/ctitle_product.gif) no-repeat left top; }
#content h3.product{width:465px; height:40px; margin-bottom:15px; background:url(../img/desc_product.gif) no-repeat left top;}
#content h1.information{width:289px; height:36px; margin-bottom:20px; background:url(../img/ctitle_information.gif) no-repeat left top; }
#content h1.contact{width:206px; height:36px; margin-bottom:20px; background:url(../img/ctitle_contact.gif) no-repeat left top; }
#content h3.contact{width:462px; height:40px; margin-bottom:15px; background:url(../img/desc_contact.gif) no-repeat left top;}

#content .description{margin-bottom: 40px;}
#content .description p{font-size: 110%; margin-bottom: 20px;}


.uneijouhou {font-size: 110%;}
.uneijouhou .title{font-weight: bold; font-size: 120%;}
.uneijouhou .border{border-bottom: dotted 1px #ccc !important; height:1px; width:100%; margin:10px 0;}


.jisseki ul{margin-left:20px;list-style-type: circle; margin-bottom: 30px;}

.sites .site{border-bottom: dotted 1px #ccc;}
.site{margin-bottom: 30px; padding-bottom: 30px;}
.products{margin-bottom: 20px; }
.products h3{font-size: 140%; margin-bottom:5px;}


.newslist {font-size:110%; list-style-type: none;}
.newslist li{margin-bottom: 10px; border-bottom: dotted 1px #ccc;}
.newslist .date{font-size:110%; color: #777; font-weight: bold;margin:0;}



/*------contact------*/
table.form{width:100%; border-spacing:1px; border-collapse:separate; background-color:#ccc;}
table.form th{padding:10px; width:200px; text-align:right; background-color:#eee;}
table.form tr{}
table.form td{padding:10px; background-color:#fff;}
table.form div{margin-bottom:5px;}
table.form th label{font-weight:bold;}
table.form td label{font-weight:bold; display:inline; padding-right:5px;}
table.form input, table.form textarea{padding:3px; border:solid 1px #bbb; color:#333; font-size:100%;}
table.form input{width:270px;}
table.form input.short{width:120px;}
table.form textarea{width:500px; height:250px;}
table.form div.submit input{width:auto; padding:5px; margin-right:10px; background-color:#eee;}
table.form div.submit input:hover{ background-color:#ccc; cursor:pointer;}
table.form .small{font-size:0.8em;}
table.form .caption{color:#888;  font-size:0.85em;}
table.form .value{font-weight:bold;}
table.form .error-message{padding:3px; font-size:0.85em; border:solid 1px #FFCCCC; background-color:#FFEDED; color:#FF3D3D;}