@charset "utf-8";
/* どんなブラウザでもクリアできる呪文 */ 

box:after{/* for modern brouser */ 
content: " "; clear: both; height: 0; display: block; visibility: hidden;} 

* html box{/* for IE */ 
/*¥*/height:1%;/* for WinIE*/ 
display:inline-table;/* for MacIE*/ 
} 
/* 呪文ここまで */


/* ▼ 全体のレイアウト設定 ▼ */

body { 
	background-color: #FFF;
	margin: 0;
	padding: 0;
	font-family: Verdana, Helvetica, 'MS Pゴシック', Osaka, sans-serif;
	background:url("/img/bg_body.jpg") left top repeat-y #FFF;
	}

#container {
	width: 760px;
	margin: 0;
	padding: 0;	
	}

#header {
	margin: 0;
	padding: 0;
	background-color:#fff;
	background-image:url("/img/bg_header.jpg");
	background-repeat:no-repeat;
	}

#mainnavi {
	width: 720px;
	float: left;
	overflow: hidden;
	padding: 10px 20px 20px 20px;
	}

#main {
	width: 720px;
	overflow: hidden;
	padding: 0 10px 10px 20px;
	clear: both;
	font-size: 80%;
	}

#footer {
	clear: both;
	text-align: center;
	margin-top: 20px;
	}


/* ▼ リンク設定 ▼ */

a:link	{
	color: #00F;
	text-decoration: none;
	}
a:visited	{
	color: #06C;
	text-decoration: none;
	}
a:hover	{
	color: #66f;
	text-decoration: underline;
	}
a:active	{
	color: #09f;
	text-decoration: none;
	}



/* ▼ 全体共通設定 ▼ */

h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	text-decoration: none;
	}

hr {
	display: none;
	}

img	{
	border: none;
	}


/* ▼ ヘッダ ▼ */ 

#sitelogo {
	background: url('/img/bg_head.jpg') no-repeat;
	width: 760px;
	height: 55px;
	overflow: hidden;
	}

#sitelogo h1 {
	width: 98px;
	height: 37px;
	margin: 10px 0 0 20px;
	padding: 0;
	}

#headnavi {
	background: url('/img/main_img.jpg') no-repeat;
	width: 720px;
	height: 230px;
	margin: 18px 20px 0 20px;
	padding: 0;
	}

#headnavi ul {
	list-style: none;
	margin: 0;
	padding: 200px 0 0 381px;
	}
	
#headnavi li {
	display: inline;
	padding: 0 1px 0 0;
	}
	
#mainnavi ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#mainnavi li {
	display: inline;
	margin: 0 0 0 6px;
	}
	
#mainnavi li.farleft {
	display: inline;
	margin: 0;
	}

/* ▼ メインコンテンツ ▼ */ 

#topmain {
	padding: 0 10px 20px 0;
	background-color: #fff;
	color: #666;
	float:left;
	}
#topmain .box {
	border: 1px solid #CCC;
	width: 428px;
	margin-bottom: 10px;
	}

#topmain .box img.photo {
	padding: 5px;
	float: left;
	}
	
#topmain .box p {
	margin: 5px 5px 0 135px;
	}
	
#topmain .box p.more {
	margin: 20px 5px 10px 335px;
	}

#topnews {
	width: 420px;
	padding: 0 10px 20px 0;
	color: #666;
	border-top: 2px solid #666;
	}

#topnews p {
	margin: 0 5px 0 20px;
	line-height: 150%;
	}

#topnews img.ttl {
	float: left;
	}


#topnews img.rss {
	float: right;
	padding: 5px 0;
	}

#topnews ul {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#topnews li {
	margin: 0;
	padding: 5px 0;
	border-bottom: 1px dashed #CCC;
	}	

	
#topsub {
	width: 268px;
	margin: 0 10px 20px 0;
	color: #666;
	border: 1px solid #960;
	background: url('/img/bg_top_results.jpg');
	float:left;
	}

#topsubbox {
	margin: 10px;
	padding: 5px 10px;
	background-color: #F7F3EC;
	}
	
#topsubbox h2 {
	padding: 5px 0;
	}

#topsubbox ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#topsubbox li {
	margin: 0;
	padding: 5px 0;
	}
	
#topsubbox li a {
	display: block;
	padding: 3px 0;
	margin: 0;
	}

#contents p {
	color: #444;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
	margin-bottom: 10px;
	}

#contents h2 {
	color: #333;
	font-size: 120%;
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
	background-color: #E9E9E9;
	padding: 5px;
                border-top:1px solid #e4e4e4;
                border-left:1px solid #e4e4e4;
                border-right:1px solid #AFAFAF;
                border-bottom:1px solid #AFAFAF;
	}

#contents h3 {
	color: #333;
	font-size: 100%;
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
	border-left: 3px solid #99cccc;
	padding: 5px;
	}
	
#contents table {
	color: #333;
	font-size: 100%;
	text-align: left;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	}
	
#contents td {
	color: #333;
	text-align: left;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 5px;
	}
#contents2 h2 {
	color: #333;
	font-size: 120%;
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
	background-color: #FCC;
	padding: 5px;
	}
#contents2 table {
	color: #333;
	font-size: 100%;
	text-align: left;
	border: 1px solid #CCC;
	}
	
#contents2 td {
	color: #333;
	text-align: left;
	padding: 5px;
	}	
	
/* :::注文から納品までの流れ::: */

ul#orderflow {
	list-style: none;
	margin: 0;
	padding: 14px 0 0 50px;
	background: url('/img/flow.jpg') no-repeat;
	height: 123px;
	}
	
ul#orderflow li {
	float: left;
	color: #016644;
	font-size: 14px;
	}
	
ul#orderflow li#flow01 {
	margin-right: 46px;
	width: 90px;
	}
	
ul#orderflow li#flow02 {
	margin-right: 47px;
	width: 90px;
	}
	
ul#orderflow li#flow03 {
	margin-right: 37px;
	width: 100px;
	}
	
ul#orderflow li#flow04 {
	margin-right: 37px;
	width: 100px;
	}
	
ul#orderflow li#flow05 {
	margin-right: 0;
	width: 100px;
	}
	
/* :::制作物一覧::: */

#worklist {
	margin: 0;
	padding: 0;
	float: right;
	width: 500px;
	}
	
.workbox {
	width: 220px;
	padding: 10px 0;
	margin: 0 10px;
	border-top: 1px dashed #CCC;
	float: left;
	}

.workbox img {
	float:left;
	width: 95px;
	padding: 0 5px 0 0;
	overflow: hidden;
	}

.workbox h3 {
	float: right;
	width: 100px;
	color: #333;
	text-align: left;
	font-weight: bold;
	padding: 5px;
	background-color: #E9E9E9;
	padding: 5px;
                border-top:1px solid #e4e4e4;
                border-left:1px solid #e4e4e4;
                border-right:1px solid #AFAFAF;
                border-bottom:1px solid #AFAFAF;
	border: none; 
	}

.workbox p {
	color: #333;
	padding: 5px;
	margin-left: 100px;
	}

.workbox p.more img {
	clear: both;
	width: 75px;
	}
	
#catnavi {
	float: left;
	width: 150px;
	margin: 0;
	padding: 0;
	border: 1px solid #FCC;
	}
	
#catnavi p {
	background-color:#FCC;
	text-align: center;
	margin: 0;
	padding: 0;
	}
	
#catnavi ul {
	list-style: none;
	margin: 0;
	padding: 5px;
	}

/* ::: 制作事例詳細 :::*/

#detail img {
	float: left;
	width: 200px;
	}

#detail h3, #detail p {
	margin-left: 210px;
	}
	
#detailfree {
	clear: both;
	}

/* ::: 新着情報 :::*/

#news {
	width: 500px;
	float: left;
	}
	
#news ul {
	list-style: none;
	margin: 0;
	padding: 5px;
	}
	
#archivenavi {
	float: right;
	width: 200px;
	border: 1px solid #FC0;
	}

#archivenavi p {
	background-color:#FC0;
	text-align: center;
	margin: 0;
	padding: 0;
	}	

#archivenavi ul {
	list-style: none;
	margin: 0;
	padding: 5px;
	}

/* ::: BLOG :::*/

#blog {
	width: 500px;
	float: left;
	}

#blog h3 {
	text-align: left;
	margin: 0;
	padding: 5px;
	}

#sidenavi {
	float: right;
	width: 202px;
	}
	
.side {
	width: 200px;
	border: 1px solid #ffff66;
	margin-bottom: 10px;
	}

.side h3 {
	background-color:#ffff66;
	text-align: center;
	margin: 0;
	padding: 3px;
	}	

.side ul {
	list-style: none;
	margin: 0;
	padding: 5px;
	}


.red {
	color: #e00;
	}


/* ▼ フッタ ▼ */ 
#footnavi ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#footnavi li {
	display: inline;
	margin-right: 1px;
	color: #00F;
	border-right: 1px solid #666;
	font-size: 80%;
	padding: 0 1em;
	}
	
#footnavi li.end {
	border-right: none;
	}

#copyright {
	margin: 10px 0 0 0;
	padding: 0;
	}