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

body {
	margin: 0; padding: 0; line-height:1.7; color:#666;  font-size:0.9em;
  -webkit-text-size-adjust:none;
  font: 13px/1.231 'Lucida Grande', Verdana, Arial, 'Hiragino Kaku Gothic Pro', Meiryo, 'メイリオ', sans-serif;
  *font-size: small;
  *font: x-small;
}

/* for Win IE8 */
head~/* */body {
  font: 13px/1.231 'Lucida Grande', Verdana, Arial, Meiryo, 'メイリオ', sans-serif;
}

html:not(:target) body {
  font: 13px/1.231 'Lucida Grande', Verdana, Arial, 'Hiragino Kaku Gothic Pro', Meiryo, 'メイリオ', sans-serif;
  *font: 13px/1.231 'メイリオ', Meiryo, sans-serif;
}


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; font-size: 95%;}
ul{list-style-type:none;}
img {border-width: 0;}
span{display:none;}
img.border{padding:5px; border: solid 1px #ccc;}
.n{display: none;}
.bold{font-weight: bold;}
.tp:hover{filter: alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;}
.small{font-size: 90%;}

.br{border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}

#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; margin-bottom: 30px; 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:66px; width:392px; 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; }

.campaign{margin-top: -20px;}

/* index content area setting */
#index-outline{margin-top:20px !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.4;}
#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;}


#content.order .blcok1{margin-bottom: 30px;}
#content.order .box1{padding: 10px 10px 0 10px; background: #eee; overflow: hidden; margin: 0 0 15px 0;}
#content.order .box1 p{float: left; display: inline;}
#content.order .box1 .label{font-weight: bold; color: #777; text-align: right; width: 160px; margin-right: 15px;}
#content.order .box1 .value{}

#content.order .more{overflow: hidden;}
#content.order .more a{text-decoration: underline; float: left; display: inline; padding:0 0 0 10px; background: url(../img/order/dot1.png) no-repeat left center;}

#content.order .simulation_start { overflow: hidden; width: 443px; margin: 40px auto 30px auto; }
#content.order .simulation_start a{display: block; height: 80px; background: url(../img/order/start_btn.png) no-repeat center center; }

#content.order {line-height: 1.7;}
#content.order h1{height: 30px; background: url(../img/order/title.png) no-repeat left top; margin: 0 0 40px 0;}

#content.order ul.tabs { overflow:hidden; background: url(../img/order/tab_bg.png) no-repeat left top;   margin: 0 0 30px 0;}
#content.order ul.tabs li{float: left; display: inline; padding: 0; overflow: hidden; width: 160px;}
#content.order ul.tabs li a{display: block; color: #fff; padding-top: 5px; height: 23px; text-align: center;}
#content.order ul.tabs li.current span{display: block; margin-top: 2px; height: 8px; width: 100%; position: relative;  background: url(../img/order/tab_arrow.png) no-repeat center bottom;}

#content.order h2{font-size: 20px; font-weight: normal; color: #2d92bc; border-bottom: solid 1px #2d92bc; padding: 0 0 3px 0; margin: 0 0 10px 0;}


#content.order div.lgenre{background: #eee; padding: 10px; margin-bottom: 20px; overflow: hidden; height: 100px;}
#content.order div.lgenre .info{width: 155px; float: left; display: inline;}
#content.order div.lgenre .icon{width: 80px; float: right; display: inline; margin-top: 15px; }
#content.order div.lgenre .info h3{font-size: 110%; margin: 0 0 5px 0; padding: 0;}
#content.order div.lgenre .info p{color: #777; line-height: 1.5; margin: 0;}

#content.order .nav{ margin-top: 70px; margin-bottom: 30px; }
#content.order .sidebar{width: 260px; background: #eee; padding-bottom: 10px;}
.fixed {position: fixed; top: 0px;}

#content.order .sidebar h2{background: #2d92bc !important; color: #fff; font-size: 110%; padding: 3px 0 3px 10px; border: none; margin: 0; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
#content.order .sidebar h3{background: #777 !important; color: #fff; font-size: 100%; padding: 2px 10px 2px 10px; font-weight: normal; border: none; margin: 0; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
#content.order .sidebar .block{padding: 5px 10px 5px 10px;}
#content.order .sidebar .label{float: left; display: inline; color: #999; font-weight: bold; margin: 0 15px 0 0;}
#content.order .sidebar .value{float: left; display: inline; font-weight: bold; margin: 0;}


#content.order .sidebar ul li{overflow: hidden; border-bottom: solid 1px #fff; padding: 0 0 3px 0; margin: 3px 0 0 0; font-size: 90%;}
#content.order .sidebar ul li p{margin: 0;}
#content.order .sidebar ul li .item{float: left; display: inline; }
#content.order .sidebar ul li .price{float: right; display: inline; color: #333;}
#content.order .sidebar ul li .price.betto{color: #ed0954; }

#content.order .sidebar ul.gallery {}
#content.order .sidebar ul.gallery li img{width: 230px; vertical-align: middle; border: solid 3px #fff; }
#content.order .sidebar ul.gallery li a{ }
#content.order .sidebar ul.gallery li{padding: 0; margin: 0 0 20px 0; text-align: center; border: none; overflow: hidden;}
#content.order .sidebar .go_webdesign{padding: 10px;}

#content.order .sidebar .syokei{font-size: 100%; color: #888; text-align: right; margin: 5px 0 0px 0;}

#content.order .sidebar .mass{ font-size: 105%; border-top: solid 3px #fff; }
#content.order .sidebar .mass p{margin-bottom: 0px;}
#content.order .sidebar .mass .name{ color: #888; float: left; display: inline; width: 100px; text-align: right;}
#content.order .sidebar .mass .price{float: left; display: inline; width: 140px; text-align: right;}
#content.order .sidebar .mass .price.total{ color: #e89120; margin-bottom: 0px;}
#content.order .sidebar .mass .price.tcampaign{ color: #ff0000;}
#content.order .sidebar .mass .re{text-align: right; font-size: 80%; margin: 0;}
#content.order .sidebar  .caution{color: #ed0954; font-size: 90%;}
#content.order .sidebar .go_contact{ margin: 5px auto 10px auto; overflow: hidden; width: 233px; }
#content.order .sidebar .go_contact a{background: url(../img/order/contact_btn.gif) no-repeat left top; width: 233px; height: 34px; float: left; display: inline; }

#content.order .genre_back{margin-bottom:30px; }
#content.order .genre_back a{width: 152px; height: 28px; background: url(../img/order/back_genre.gif) no-repeat left top; display: block;}

#content.order h3.title2{color: #555; background: #eee; font-size:100%; padding: 2px 10px; margin: 20px 0 5px 0; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}

#content.order #pform{margin: 0 0 40px 0;}
#content.order .page{overflow: hidden; padding-top: 5px; margin-bottom: 0px;  border-bottom: dotted 1px #ddd;}
/* #content.order .page:hover{ background: #f5f9fb;  } */
#content.order .page .check, #content.order .page .thumb, #content.order .page .summary, #content.order .page .addpage_summary, #content.order .page .price{float: left; display: inline;  margin-left: 10px;} 
#content.order .page .check{width: 20px; }
#content.order .page .check input{}
#content.order .page .thumb{width: 50px; height: 50px; background: #2d92bc; margin-bottom: 5px;}
#content.order .page .summary{width: 385px; font-size: 90%; margin-bottom: 5px; }
#content.order .page.add_page .summary{width: 370px; }
#content.order .page.option .summary{width: 390px; }
#content.order .page .addpage{width: 50px; border: solid 1px #ccc; padding: 3px;}
#content.order .page h3{font-size: 100%; padding-bottom: 0;}
#content.order .page .summary h4{font-size: 100%; margin: -3px 0 0px 0; padding: 0; }
#content.order .page .summary p{font-size: 90%; line-height: 1.4; color: #888; margin: 0; padding: 0;}

#content.order .page .price{width: 90px; text-align: right; color: #e89120; margin-right: 10px; }
#content.order .page.add_page .price{width: 140px;}

.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; vertical-align: top;}
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;}