@charset "UTF-8";
/******************** import css ***********************/
@import url(reset.css);
@import url(fonts-reset.css);
@import url(mystyle.css);
/******************** レイアウト ***********************/
body{
	background:url(../images/back.jpg) top left repeat-x;
	text-align:center;
	line-height:160%;
}

/** link **/
a{color:#0066cc;}
a:visited{color:blue;}
a:hover{color:#990000;}

/** header **/
#h-wall{
	background:url(../images/h-wall.jpg) top right no-repeat;
	padding-top:5px;
}

#header{
	width:960px;
	margin:0px auto 0px auto;
	text-align:left;
	font-size:12px;
}

.des{
	width:665px;
	height:20px;
	line-height:120%;
	position:relative;
	top:-75px;
}

#header-logo h1,
#header-logo #logo{
	position:relative;
	top:20px;
}

/* 検索窓 */
#header-sub{
	width:295px;
	position:absolute;
	top:5px;
	margin-left:665px;
}

.search{
	background:url(../images/googlesearch.gif) top left no-repeat;
	width:255px;
	height:33px;
	padding:5px 0px 0px 40px;
}

.searchbox{
	border:1px solid #666;
	float:left;
	margin-top:1px;
	margin-right:2px;
	width:115px;
}

#header-sub li{
	float:left;
}

/* ティッカー */
.ticker{
	position:absolute;
	top:73px;
	margin-left:270px;
	font-size:100%;
	width:665px;
	height:27px;
	padding:5px 0px 0px 25px;
	background:url(../images/ticker.jpg) top left no-repeat;
}

#headline{
	line-height:165%;
	/*line-height:14px;
	overflow:hidden;*/
}

#headline li{
	/*line-height:100%;*/
}

/*メニュー*/
.menu{
	clear:both;
	position:absolute;
	top:100px;
	width:960px;
}

.menu li{
	float:right;
}


/** container **/
#container{
	width:960px;
	margin:71px auto -30px auto;
	text-align:left;
	position:relative;
	top:-26px;
}

/* concept-1 */
.concept-1,.concept-2,.concept-3{
	width:960px;
	height:315px;
}

.concept-1 h2{
	font-size:16px;
	position:absolute;
	top:160px;
	left:365px;
	font-weight:bold;
	color:#fff;
}

.concept-1 p{
	font-size:12px;
	position:absolute;
	top:190px;
	left:365px;
	color:#fff;
	width:550px;
	line-height:155%;
}
.concept-2 h2,
.concept-3 h2,
.concept-4 h2,
.concept-5 h2,
.concept-6 h2,
.concept-7 h2,
.concept-8 h2{
	font-size:16px;
	position:absolute;
	top:160px;
	left:20px;
	font-weight:bold;
}

.concept-2 p,
.concept-3 p,
.concept-4 p,
.concept-5 p,
.concept-6 p,
.concept-7 p,
.concept-8 p{
	font-size:12px;
	position:absolute;
	top:190px;
	left:20px;
	width:550px;
	line-height:155%;
}

.concept-3 h2,
.concept-3 p,
.concept-4 p,
.concept-5 p,
.concept-6 p,
.concept-7 p,
.concept-8 p,{
	position:absolute;
	left:43px;
}

/** Flash **/
.no-script{
	padding:10px;
}

/** contents **/
#contents-index,#contents{
	background:url(../images/index-back.jpg) top left no-repeat;
	margin-top:10px;
	padding:10px;
	clear:both;
	/********************************************************/
	height:100%;
	/********************************************************/
}

div#contents-index:after,div#contents:after{
	content:"";
	display:block;
	height:0;
	clear:both;
}

#contents{
	background:url(../images/contents-back.jpg) top left no-repeat;
	margin-top:0px;
	padding-top:20px;
}

#contents p{
	margin:5px 0px 20px 0px;
}

/* 引用 */
blockquote,blockquote#merit{
	background:#f2f2f2;
	border-left:5px solid #99cccc;
	padding:10px 5px 10px 10px;
	margin:0px 0px 20px 40px;
	width:650px;
}
blockquote#merit{
	margin:0px;
}
#blog-entry blockquote p{
	margin:0px;
}


/* code */
pre{
	font-family: "Courier New",Courier,monospace;
	font-size: 1em;
	color: #007000;
	background-color: #fafafa;
	border:solid 1px #ccc;
	line-height: 120%;
	margin: 1em 0 2em 0;
	padding: 0.99em;
	overflow-x: auto;
	overflow-y: none;
	padding-bottom:15px;
	width:675px;
}
code{
	line-height:120%;
}

/* column 1 */
#column{
	width:718px;
	float:left;
	margin-right:10px;
	padding-right:10px;
}
#column1{
	width:198px;
	float:left;
	border:1px solid #ccc;
	display:block;
}
#column2{
	width:498px;
	float:right;
	border:1px solid #ccc;
	display:block;
}
#column3{
	width:200px;
	float:right;
}

/* 新着情報・制作実績 */
.news-list,.works-list{
	margin:7px;
	font-size:93%;
}

.news-list img{
	margin-right:5px;
}

.news-list li{
	margin-bottom:11px;
	line-height:150%;
}

.works-list{
	margin-left:10px;
	margin-bottom:5px
}

.news-archive,.news-archive a:link,.news-archive a:visited,.news-archive a:hover,
.works-archive,.works-archive a:link,.works-archive a:visited,.works-archive a:hover{
	color:#333;
	text-align:right;
	margin:11px 5px 5px 0px;
	font-size:12px;
}

.newsbox{
	background:url(../images/sidebox-back.jpg) top left no-repeat;
}

.works-preview{
	margin:15px 10px;
	clear:both;
}

.works-preview-title{
	/*font-size:123.1%;*/
	/*font-size:108%;*/
	font-size:100%;
	line-height:200%;
}

.works-preview-description{
	font-size:93%;
	line-height:140%;
}

/* page */
.link-btn,.link-btn li{
	float:right;
	margin:10px 0px;
}

.arrow{
	background:url(../images/link-arrow.gif) bottom left no-repeat;
	padding:0px 0px 0px 25px;
	font-size:108%;
	height:24px;
}

ul li.arrow{
	clear:both;
	margin:0px;
}

.link-btn-next{
	float:right;
	background:url(../images/link-arrow-next.gif) bottom right no-repeat;
	margin:10px 0px;
	font-size:93%;
	padding:0px 25px 0px 0px;
	height:24px;
}

.link-btn-prev{
	float:left;
	background:url(../images/link-arrow-prev.gif) bottom left no-repeat;
	margin:10px 0px;
	font-size:93%;
	padding:0px 0px 0px 25px;
	height:24px;
}

.innerbox{
	padding-left:10px;
	font-size:108%;
}

.pan-list{
	margin-left:10px;
	font-size:12px;
}

.pan-list p{
	float:left;
	margin-right:5px;
}

.pan-list li{
	display:inline;
	background:url(../images/pan-arrow.gif) top left no-repeat;
	padding-left:20px;
}

.pan-list .no-arrow{
	background:none;
	padding-left:0px;
}

/* 見出し */
h2{
	clear:both;
	margin-bottom:10px;
}

#header-logo h2,#column1 h2,#column2 h2,#column3 h2{
	margin:0px;
}

/* お問い合わせバナー */
.pr-banner{
	clear:both;
	position:relative;
	width:710px;
}

.pr-banner p{
	position:absolute;
	top:70px;
	left:15px;
	width:500px;
	font-size:12px;
}


/* テーブル・フォーム */
.form-cell,.works-cell{
	border-collapse:collapse;
	border:1px solid #ccc;
	margin-bottom:10px;
	width:710px;
}

.form-cell th,.form-cell td,.works-cell th,.works-cell td{
	border:1px solid #ccc;
	padding:5px 10px;
}

.form-cell th{
	width:170px;
	background:#f2f2f2;
}

.works-cell th{
	width:130px;
	background:#f2f2f2;
}

.form-cell td,.works-cell td{
	background:#fff;
}

.form-btn{
	margin:20px;
}

.form-cell .input-area{
	padding:2px;
	border:1px solid #e4e4e4;
}

.focus{
	background-color: #f8f8ff;
	border:1px solid #5f9ea0 !important;
}

.none{
	display:none;
}

.form-cell textarea{
	width:490px;
}

.form-cell .input-short{width:100px}
.form-cell .input-middle{width:250px}
.form-cell .input-long{width:490px}
.form-cell img{vertical-align:middle;}

/* 画像 */
.float-image-left{
	float:left;
	margin:0px 10px 10px 0px;
}
.float-image-right{
	float:right;
	margin:0px 0px 10px 10px;
}

/* 区切り線 */
.line-01{
	border:none;
	border-top:1px dotted #ccc;
	height:1px;
}

/* 価格表 */
.price-list{
	border-collapse:collapse;
	border:1px solid #ccc;
	width:100%;
	margin-bottom:15px;
	font-size:93%;
}
.price-list th,.price-list td{
	border:1px solid #ccc;
	padding:5px;
}
.price-list-name{
	width:250px;
}
.price-list th{
	background:url(../../price/images/th-back.gif) top left no-repeat #CD3603;
	color:#fff;
}
.price-list td{
	background:#fff;
	border-bottom:1px dotted #e6e6e6;
	border-right:1px dotted #e6e6e6;
}

.price-list tr.even td {background: #f1f1f1;}
.price-list tr.over td {background: #e6e6e6;}

/* 効果的なWEB制作 */
#mission-body h2{
	background:url(../../common/images/h2.gif) top left no-repeat #000;
	font-size:116%;
	font-weight:bold;
	color:#fff;
	width:700px;
	height:24px;
	padding:6px 0px 0px 10px;
}

#mission-body ul,#mission-body ol,
#privacy ol{
	margin:10px 0px 30px 60px;
	line-height:200%;
}
#mission-body ul li{
	list-style:disc outside;
}
#mission-body ol li,
#privacy ol li{
	list-style:decimal outside;
}

#mission-body h3{
	font-weight:bold;
}

.sample{width:198px;height:48px;border:1px solid #990000;text-align:center;font-size:12px;background:#fff;color:#000;}

/* 制作実績 */
.works-image-main,.works-image-2nd{
	float:left;
	width:350px;
	text-align:center;
	margin-bottom:20px;
}
.works-image-main div{
	margin:0px auto 0px auto;/* reclection用DIVスタイル */
}

/*******************************/
/* 2009.04.08 modified for IE8 */
.works-image-main a img{
	text-align:center;
	width:240px;
	margin:0 auto;
}
/*******************************/

.works-image-main div img,
.works-image-2nd div img,
.works-image-3rd div img{
	margin-bottom:1px;
}
.works-image-main h2{
	font-weight:bold;
	margin:10px 0px 10px 0px;
}
.works-image-main .index-h2{
	font-weight:bold;
	margin:10px 0px -34px 0px;
	font-size:93%;
}
.works-past-list{
	clear:both;
	width:615px;
	margin-bottom:30px;
	margin-left:50px;
}
.works-past-list ul{
	margin:10px 0px 30px 0px;
}
.works-image-2nd{
	margin-top:41px;
	width:280px;
}
.works-image-3rd{
	float:right;
	margin-top:-180px;
	padding-right:40px;
}
.works-image-main .userreview{
	position:relative;
	top:185px;
	left:110px;
}

.review-title{
	font-weight:bold;
	font-size:138.5%;
	margin-bottom:15px;
}

.review-star{
	margin-bottom:10px;
}

.staff-comment{
	float:right;
	width:470px;
}

.staff-comment p{
	padding-left:55px;
}

/* Q&A */
#qa{
	margin-bottom:10px;
}

#qa h2{
	background:url(../images/q.gif) top left no-repeat;
	font-weight:bold;
	margin-top:10px;
	color:#336699;
	padding:5px 0px 0px 35px;
	height:30px;
	font-size:108%;
}

#qa textarea{
	padding:5px;
}

.voice h3,.faq h2{
	clear:both;
	color:#336699;
	background:url(../images/q.gif) top left no-repeat;
	padding:5px 0px 0px 35px;
	height:30px;
	font-size:116%;
}

.voice p,.faq p{
	background:url(../images/a.gif) top left no-repeat;
	padding:0px 0px 10px 35px;
}

.close-accordion{
	display:block;
	text-align:right;
	margin:10px 0px;
	padding-bottom:3px;
	border-bottom:1px dotted #e6e6e6;
	font-size:12px;
}

/* お知らせ・ブログ */
#blog-entry h2{
	background:url(../../common/images/h2.gif) top left no-repeat #000;
	font-size:123.1%;
	font-weight:bold;
	color:#fff;
	width:700px;
	height:25px;
	padding:5px 0px 0px 10px;
}
#blog-entry h2 a:link,#blog-entry h2 a:hover,#blog-entry h2 a:visited{
	text-decoration:none;
	color:#fff;
}
.entry-footer{
	font-size:85%;
	text-align:right;
}

/* お知らせ・ブログ */
#staff h2{
	background:url(../../common/images/h2.gif) top left no-repeat #000;
	font-size:123.1%;
	font-weight:bold;
	color:#fff;
	width:700px;
	height:25px;
	padding:5px 0px 0px 10px;
}

/** side bar **/
.banner{
	margin:0px 0px 10px 0px;
}

.sidebox{
	width:198px;
	border:1px solid #ccc;
	background:url(../images/sidebox-back.jpg) top left no-repeat #fff;
	margin-bottom:10px;
}

#contents-index .sidebox p,
#contents .sidebox p{
	font-size:93%;
	margin:5px;
}

/** footer **/
#f-wall{
	clear:both;
	width:100%;
	background:url(../images/f-wall.gif) top left repeat-x;
	color:#fff;
	padding:10px 0px 100px 0px;
}

#footer{
	width:920px;
	/*width:960px;
	padding-left:20px;*/
	margin:0 auto;
	text-align:left;
}

#footer h3{
	border-bottom:1px solid #fff;
	width:720px;
	margin-top:30px;
	font-weight:bold;
	font-family:Tahoma,Arial,sans-serif;
}

#footer a:link,#footer a:visited,#footer a:hover{
	color:#fff;
	text-decoration:none;
}

.tahoma{
	font-family:Tahoma,Arial,sans-serif;
}

.back-to-top{
	width:940px;
	margin:0px auto;
	text-align:right;
	clear:both;
}