﻿@charset 'UTF-8';
/*
Theme Name: Printing
Theme URL: http://www.printing-s.jp
Description: Printing
Author: R.Fukunaga
*/


/* ++++++++++　全体のデザイン　++++++++** */

body {
	margin: 0;
	padding: 0;
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 62.5%; /* 10px */
	line-height: 1.5;
	letter-spacing: 0.05em;
	color:#666666;
	}


h1 {margin:0;
	padding:0;
	}

h2 {
	margin: 0 0 0.5em 0;
	font-size: 1.5em;
}


a {
	color:#255a9e;
	}
	
a:hover {
	color:#CCFF66;
	}

#wrap {
	width:813px;
	margin:0 auto;
	background-image: url(images/main_bg.jpg);
	padding-bottom:10px;
	}

#header {
	background-image:url(images/header_bg.jpg);
	background-repeat:no-repeat;
	height: 144px;
	width: 813px;
	margin:0 auto;
	}

#contaner {
	padding:0;
	min-height:670px;
	height: auto !important;
	height: 670px;
	float: left;
	width:620px;
	margin:10px 0 0 12px;
	}

#topcontaner {
	width:630px;
	float:left;
	margin-left: 12px;
	}
	
#sidebar {
	width:155px;
	float:right;
	margin:10px 15px 10px 0px;
	}

*html #sidebar { /*IE6用のハック*/
	margin:10px 10px 10px 0px;
}

#footer {
	text-align:center;
	color: #666;
	width: 813px;
	height: 40px;
	margin: 0 auto;
	background-image:url(images/footer_bg.jpg);
	padding-top: 10px;
	background-repeat: no-repeat;
	clear:both;
	}
	
#footerline {
	text-align:center;
	color: #FFFFFF;
	height: 23px;
	margin: 0 auto;
	background-image:url(images/footer_line.jpg)
	}

.clear {
	clear:both;
	margin:0;
	}	
	
.iepngfix {
  behavior: expression(IEPNGFIX.fix(this));
}

/* ++++++++++　ヘッダー部分のデザイン　+++++++++++ */

#headline{
	background-image:url(images/header_line.jpg);
	background-repeat:repeat-x;
	height:17px;
	color:#ffffff;
	letter-spacing: 0.08em;
}

#g_navi{
	width:900px;
	margin: 0 auto;
}

#g_navi a{
	color:#FFFFFF;
	text-decoration:none;
}

#headline #g_navi ul{
	margin:0;
	padding:0;
	list-style:none;
}

#headline #g_navi ul li{
	margin:0;
	padding:0;
	float:right;
	display:block;
	background-image:url(images/mark.gif);
	background-repeat:no-repeat;
	padding-left:15px;
	margin-right:5px;
	background-position: 0 3px;
}

#headline #g_navi #search {
	margin:0px;
	float:right;
 }
 
#headline #g_navi #search #s {
	margin-top:-1px;
	border:#D3E3ED 1px solid;
	font-size:100%;
	color:#ffffff;
	background-color:#0099CC;
 }
 
#headline #g_navi #search #sb {
	margin-top:-1px;
	border:#D3E3ED 1px solid;
	background-color:#0099CC;
	color:#ffffff;
	font-size:90%;
 }

#header #header_left {
	width:360px;
	float:left;
	text-align:left;
	margin-left:20px;
	margin-top:5px;
	}

#header #header_right {
	width:380px;
	float:right;
	text-align:right;
	color:#1a68b5;
	font-size:1.1em;
	line-height:1.2;
	margin-top:5px;
	margin-right:10px;
	}

#header #header_left h1 img {
	border:0;
	}

#header #top_btn {
	margin-top:8px;
}
	
#header #discription {
	color:#1a68b5;
	font-size: 1.1em;
	margin-top: 15px;
	}

 
/* ++++++++++　コンテンツ部分のデザイン　+++++++++++ */



#top_ex {
	width:140px;
	float:right;
	background-image: url(images/top_exbg.jpg);
	background-repeat: no-repeat;
	font-size: 1.1em;
	margin-right:8px;
	height:578px;
	}

#top_ex .work_top{
	text-align:center;
	margin: 10px auto;
	}


#contentslist {
	margin:0 10px 10px 0;
	}

#contentslist #cate_img{
	width:600px;
	padding:60px 0 0 20px;
	font-size:1.2em;
	height:40px;
	background-repeat:no-repeat;
}	

#contentslist #cate_img p{
width:500px;
}

#contentslist #sublist{
	margin:10px;
	width:500px;
	border:1px solid silver;
	font-size:1.4em;
}

#contentslist #sublist ul {
	list-style:none;
	}
#contentslist #sublist li{	
	background-image:url(images/mark1.gif);
	background-repeat:no-repeat;
	padding-left:15px;
	padding-top:3px;
	background-position:0px 7px;
	}
#contentslist h2 {
	margin:10px;
	font-size:1.5em;
	padding:2px 2px 2px 5px;
	border-left:6px #99CC00 solid;
	border-bottom:1px solid #99CC00;
	font-weight:bold;
	}
	
#contentslist h2 a {
	text-decoration:none;
	}
	
#catecontents {
	margin:20px;
	font-size:1.2em;
}	

/* ++++++++++ トップお知らせ ++++++++++++*/	
#new {
	border:1px solid silver;
	margin:0;
	}

#topnews {
	margin-bottom:10px;
	padding:5px;
	}

#topnewsh2{
	font-size:1.4em;
	color:#666666;
	margin:0px;
	padding:2px;
	font-weight:bold;
	background-image: url(images/new_h2.jpg);
	background-repeat: repeat-x;
}

#topnews ul{
	margin:0;
	padding:0;
	list-style:none;
	font-size:1.3em;
	}
	
#topnews ul a {
	text-decoration:none;
	}
	
#topnews li {
	background-image:url(images/mark1.gif);
	background-repeat:no-repeat;
	padding-left:15px;
	padding-top:3px;
	background-position:0px 7px;
	}



#listline {
	border-top:1px dotted #666666;
	text-align:right;
	color:#999;
	padding:5px;
	margin-top:10px;
	}
	

.pagenav {

	}
	
.postmetadata {
	text-align:right;
	margin-top:10px;
	margin-bottom:10px;
	}
	
/* ++++++++++ トップボタン部 ++++++++++++*/

#topcontaner table{
	margin-top:10px;
	padding:0;
	font-size:1.2em;
	line-height: 1.2;
	}

#topcontaner td {
	width:210px;
	height:120px;
	background-repeat:no-repeat;
	}

#topcontaner .td01 {
	background-image:url(images/top_01.jpg);
	}
	
#topcontaner td p a{
	height:74px;
	margin:0 10px 0 3px;
	padding-top:28px;
	display:block;
	background-repeat:no-repeat;
	background-position:right;
	color:#666666;
	text-decoration:none;
	}

#topcontaner td p a:hover{
	text-decoration:none;
	}
	
#topcontaner .td01 p a {
	background-image:url(images/top_b1.jpg);
	}
#topcontaner .td01 p a:hover {
	background-image:url(images/top_bo1.jpg);
	}

#topcontaner .td02 {
	background-image:url(images/top_02.jpg);
	}
	
#topcontaner .td02 p a {
	background-image:url(images/top_b2.jpg);
	}
#topcontaner .td02 p a:hover {
	background-image:url(images/top_bo2.jpg);
	}
#topcontaner .td03 {
	background-image:url(images/top_03.jpg);
	}
#topcontaner .td03 p a {
	background-image:url(images/top_b3.jpg);
	}
#topcontaner .td03 p a:hover {
	background-image:url(images/top_bo3.jpg);
	}
#topcontaner .td04 {
	background-image:url(images/top_04.jpg);
	}
#topcontaner .td04 p a {
	background-image:url(images/top_b4.jpg);
	}
#topcontaner .td04 p a:hover {
	background-image:url(images/top_bo4.jpg);
	}
#topcontaner .td05 {
	background-image:url(images/top_05.jpg);
	}
#topcontaner .td05 p a {
	background-image:url(images/top_b5.jpg);
	}
#topcontaner .td05 p a:hover {
	background-image:url(images/top_bo5.jpg);
	}

/* ++++++++++ 説明部分共通 ++++++++++++*/

#contentslist h3 {
	border-left:4px solid #003366;
	color:#003366;
	font-size:1.2em;
	padding-left:10px;
	font-weight:bold;
	margin:10px 0;
	}





/* ++++++++++　コメントデフォルトスタイル　+++++++++++ */


.commentlist li {
	margin: 0;
	padding: 5px 5px 3px;
	list-style: none;
	}
	
.commentlist li {
	font-weight: bold;
	}
	
.commentlist {
	margin:10px 0;
	padding:0;
}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.2em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}
	
#comentop p {
	line-height: 1.5em;
	text-transform: none;
}

.commentmetadata {
	font-weight: normal;
	}

.nocomments, .postmetadata {
	color: #777;
	}

.nocomments {
border:1px solid silver; margin:5px; padding:5px; text-align:center;
}
.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}
	
.entry{
	text-align:left;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 90%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	}
	
.entry .postmetadata {
	text-align:left;
	}
	
.alt {
	background-color: #EEEEEE;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}
.alt a {
	text-decoration:none;
	}
	
.alt2 {
	border-bottom: 1px solid #DDD;
	}
	
.alt2 a {
	text-decoration:none;
	}
	
.author {

}

/* ++++++++++　コメント部分のデザイン　+++++++++++ */
#comments {
	background-color:#EDF4F8;
	padding:5px;
	color:#006699;
	}
	
#commentlogin {

	}

#respond {

	/*border-bottom:solid 2px #538ad8;*/
	border-left:solid 4px #538ad8;
	color:#006699;
	padding:0 5px;
	}
	
.com {
	/*font-size:0.75em;*/
	border-bottom:solid 1px #99CCCC;
	padding-bottom:8px;
	margin-bottom:12px;
	}

.com p {
	margin:5px 0;
	}
	
.commeta {
	color:#666;
	text-align:right;
	}
	
#tb {
	/*font-size:0.75em;*/
	border:dotted 1px #666;
	padding:8px;
	line-height:150%;
	}



/* ++++++++++　ぱんくずリストのデザイン　+++++++++++ */

#bread {
	margin:0 10px 5px 0;
	font-weight:bold;
	text-align:right;
	color:#666666;
	font-size:1.2em;
	}

/* ++++++++++　サイドバー　+++++++++++ */

#sidebar hr {
	border:1px solid #DDD;
	width:90%;
	}
	
#sidebar ul {
	margin:0;
	padding:0;
	list-style:none;
		text-align:right;
}

#sidebar #menu {
	padding:0px 0px 5px 0px;
}

#sidebar ul ul {
	padding:0;
	list-style:none;
	margin-bottom:10px;
	font-size:1.2em;
}

	
#sidebar #menu li a{
	margin:5px 0;
	text-decoration:none;
	height:45px;
	display:block;
	background-repeat:no-repeat;
}

#sidebar #menu li a:hover {
	}

#sidebar #menu li a span{
	display:none;
}
#sidebar #menu li.menu1 a{
margin-top:0px;
	background-image:url(images/cate2/cate1.jpg);
}

#sidebar #menu li.menu2 a{
background-image:url(images/cate2/cate2.jpg);
}

#sidebar #menu li.menu3 a{
background-image:url(images/cate2/cate3.jpg);
}

#sidebar #menu li.menu4 a{
	background-image:url(images/cate2/cate4.jpg);
}

#sidebar #menu li.menu5 a{
background-image:url(images/cate2/cate5.jpg);
}

#sidebar #menu li.menu6 a{
height:60px;
margin-top:40px;
background-image:url(images/cate2/contact.jpg);
}


#sidebar #menu li.menu1 a:hover{
	background-image:url(images/cate2/cate1_ov.jpg);
}

#sidebar #menu li.menu2 a:hover{
background-image:url(images/cate2/cate2_ov.jpg);
}

#sidebar #menu li.menu3 a:hover{
background-image:url(images/cate2/cate3_ov.jpg);
}

#sidebar #menu li.menu4 a:hover{
	background-image:url(images/cate2/cate4_ov.jpg);
}

#sidebar #menu li.menu5 a:hover{
background-image:url(images/cate2/cate5_ov.jpg);
}

#sidebar #menu li.menu6 a:hover{
height:60px;
background-image:url(images/cate2/contact_ov.jpg);
}


#sidebar ul #recent_posts{
margin:0;
padding:0;
list-style:none;
border:1px solid #deebf4;
margin-bottom:10px;
font-size:1.0em;
}
	
#sidebar ul #recent_posts li a{
margin:0;
padding:7px 5px 7px 25px;
background: url(images/mark.gif) no-repeat 7px 9px;
text-decoration:none;
}
 
#sidebar ul #recent_posts li a:hover{
margin:0;
padding:7px 5px 7px 25px;
background: url(images/mark.gif) no-repeat 7px 9px;
}

#adbanner {
	margin:20px auto;
	border:dotted 1px silver;
	width:190px;
	height:60px;
	}
	
	#adbosyu {
	margin:20px auto;
	border:double 4px #85BBC7;
	width:190px;
	text-align:center;
	padding:3px;
	}





/* ++++++++++　リンク集のデザイン　+++++++++++ */

#link {
border-collapse:collapse;
margin:20px 0;
}

#link {
	width:90%;
	font-size:1.2em;
	}

#link th,#link td {
	text-aligin:left;
	padding:10px 5px;
	border:solid 1px #ccc;
	}

#link th {
	width:200px;
	background-color:#E3F4FB;
	}


/* ++++++++++　フッター部分のデザイン　+++++++++++ */


	
#footerline address {
	font-style:normal;
	font-size:1.2em;
	padding-top:3px;
	}

#footer_info {
	width:813px;
	background-image:url(images/main_bg.jpg);
	margin:0 auto;
	text-align: center;
	}

#footer_info .info{
	width:700px;
	background-color:#eee;
	border:1px dotted silver;
	font-size:1.1em;
	text-align: left;
	margin:0 auto;
	height:60px;
	}

#footer_info .info img{
	float:left;
	margin: 10px;
	width:59px;
	height:35px;
	}
	
#footer_info .info p{
	float:left;
	width: 600px;
	margin: 5px;
	}


/* ++++++++++ CARUNA ++++++++++++*/

.caruna{ 
	list-style-image: url(images/blist.gif);
}

.service6-2 {
	background-color:#C6E252;
	color:#FFFFFF;
	margin:2px;
	padding:2px;
	text-align:center;
	font-weight: bold;
}

.service6-3 {
	font-size: 10px;
	margin: 2px;
	padding: 2px;
	border: 1px solid #CCCCCC;
	line-height:1em;
	text-align:center;
	width:130px;
}

/* ++++++　料金表　++++++++++　*/

#pay table{
	border-top:1px solid #ccc;
	border-collapse:collapse;
	width:540px;
}

#pay caption{
	text-align:left;
	border-left:4px solid #003366;
	color:#003366;
	font-size:1.2em;
	padding-left:10px;
	font-weight:bold;
	}

#pay td,th{
	padding:5px;
	border-bottom:1px solid #ccc;
}

#pay .td01{
	width:80px;
	}
#pay .td02{
	width:240px;
	}
#pay .td03{
	width:200px;
	}
#pay .td04{
	width:120px;
	}

#pay th{
	background:#eee;
	}


/* ++++++++++　プライバシーポリシー部分　+++++++++++ */

.privacy1 dd {
	margin-left:10px;
	}
/* ++++++++++　会社概要部分　+++++++++++ */
.company1 {width:350px;
	float:left;
}

.company2 {color:#003399;
	font-weight:bold;
	padding:5px 5px 5px 0;
}

.company3 {
	padding:5px;
	margin:0 40px 0 0;
	float:right;
}

.company4 {width:250px;
	float:left;
}

.company4 dd {
margin-left:10px;

}
.company5 {
	width:300px;
	float:right;
	padding: 5px;
	text-align: center;
	border: dashed 1px silver;
	margin-top: 30px;
}

.company5 h3 {
	font-size:12px;
	color:#666666;
}
/******************************/

#demo_div:after {  
content: ".";  
display: block;  
visibility: hidden;  
height: 0.1px;  
font-size: 0.1em;  
line-height: 0;  
clear: both;  
}

#demo_div {  
display: inline-block;  
}    

