/*
Theme Name: 
Description: , 
Version: 1.0
Author:Kubo system products
Author URI: http://www.kubosys.com
タグ: fixed width, right sidebar, two columns, valid XHTML, widgets
*/

.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}

input { font-family:Arial,Helvetica,sans-serif; }

IMG {border: none;}

* { box-sizing : border-box}
* { -moz-box-sizing : border-box}
* {	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

body {
	margin:0px auto;
	background-color: #ffffff;
	text-align: center;
	font-family:
	"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, Roboto,	"Droid Sans", sans-serif;
	-webkit-text-size-adjust: 100%;
}

/*　背景スライダー */
#bgmaximage{
	background-color:#707070;
}

#wrap {
	z-index: 1;
	margin:0px auto;
	width:100%;
	max-height: 999999px;
	text-align: center;
}

.clr {
	clear:both;
}


/* 記事コンテナ */

.view_container {
	position:absolute;
	z-index: 9999;
	top:0px;
	left:0px;
	margin:0px auto;
	width: 100%;
	height:100px;
	max-height: 999999px;
	border: 0px #eeeeee solid;
	text-align: center;
}

/* ヘッダーコンテナ */

.head_container {
	position:relative;
	z-index: 3;
	top:0px;
	left:0px;
	margin:0px auto;
	width: 100%;
	height: 60px;
/*	background-color:#f7c331; */
	background-image: url(images/head_bgi.png);
	background-repeat:repeat-x;
	text-align: center;
	overflow:hidden;
}

.head_container_box {
	margin:0px auto;
	width:980px;
	height:60px;
	text-align: left;
}

.head_container_box .logo {
	float :right;
	margin:14px 0px 0 15px;
	width:240px;
	height:17px;
	text-align: left;
}

.head_container_box .name {
	float :right;
	text-align: left;
	margin: 0px 20px 0px 0px;
}

.head_container_box .name h1 {
	padding-top:24px;
	color:#ffffff;
	font-size:14px;
	line-height:14px;
	font-weight:normal;
}

.head_clr {
	clear:both;
}

.head_container_box a:link{font-size:12px;line-height:12px;;text-decoration:none;color:#ffffff;}
.head_container_box a:visited{font-size:12px;line-height:12px;;text-decoration:none;color:#ffffff;}
.head_container_box a:hover{font-size:12px;line-height:12px;;text-decoration:none;color:#dddddd;}



/* オーバーラップウィンドウ */

.over_container {
	position:relative;
	z-index: 4;
	top:-25px;
	left:0px;
	margin:0px auto;
	width: 100%;
	height:480px;
	text-align: center;
	overflow:hidden;
}
.over_window {
	margin:0px auto;
	width: 980px;
	height:480px;
	text-align: left;
}
.over_window img {
	margin:0px auto;
	padding:0px;
	opacity: 1;
 	filter: alpha(opacity=100);
 	-moz-opacity: 1;
}

.over_window a:hover img {
	opacity: 0.8;
 	filter: alpha(opacity=80);
 	-moz-opacity: 0.8;
}

/* トップページオーバーラップ画像 */

.over_logo {
	position:relative;
	z-index: 5;
	top:0px;
	left: 40px;
	width: 351px;
	height: 122px;
}

.over_tel {
	position:relative;
	z-index: 5;
	top:0px;
	left: 65px;
	width: 390px;
	height: 58px;
}

.over_com {
	position:relative;
	z-index: 5;
	top:0px;
	left: 65px;
	width: 390px;
	height: 38px;
	display:block;
	margin-bottom:12px;
	background-color:#ffffff;
	padding:10px 10px 10px 10px;
	font-size:16px;
	line-height:20px;
	font-weight:normal;
	text-decoration:none;
	color:#666666;
	margin-top: 10px;
}

.over_sp {
	position:relative;
	z-index: 5;
	top:-80px;
	left: 890px;
	width: 60px;
	height: 58px;
}

.over_ttl {
	position:relative;
	z-index: 5;
	top:-120px;
	left: 620px;
	width: 300px;
	height: 200px;
}

.over_back {
	position:relative;
	z-index: 3;
	top:-414px;
	left: 0px;
	width: 980px;
	height: 380px;
}

.over_clr {
	clear:both;
}


/* メニューウィンドウ */

.menu_container {
	position:relative;
	z-index: 6;
	top:0px;
	left:0px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	width: 980px;
	min-width:980px;
	color:#000000;
	text-align: center;
	overflow:hidden;
}

.menu_left {
	padding:0px 0px 12px 6px;
	width: 974px;
	min-width:974px;
	text-align: left;
}

.menu_right {
	width: 980px;
	min-width:980px;
	text-align: right;
}

.menu_container img {
	margin:0px auto;
	padding:0px;
	opacity: 1;
 	filter: alpha(opacity=100);
 	-moz-opacity: 1;
}

.menu_container a:hover img {
	opacity: 0.9;
 	filter: alpha(opacity=90);
 	-moz-opacity: 0.9;
}

.menu_container_clr {
	clear:both;
}


/* 記事コンテナ */

.contents_wrap {
	position:absolute;
	z-index: 5;
	top:680px;
	left:0px;
	margin:0px auto;
	padding-top:18px;
	width:100%;
	min-width:980px;
	max-height: 999999px;
	background-color:#ffffff;
	background-image:url(images/main_shadow.png);
	background-repeat:repeat-x;
}


/* 記事 */

.main_container {
	z-index: 5;
	margin:0px auto;
	width:  980px;
	min-width:980px;
	border: 0px #eeeeee solid;
	text-align: center;
}

.main_window {
	margin:0 auto;
	padding:10px 0px 20px 0px;
	width: 980px;
	min-width:980px;
    text-align: left;
	max-height: 999999px;
}

.main_clr {
	clear:both;
	height:15px;
}

.main_window td{font-size:16px;line-height:150%;color:#ffffff;}

.main_window a:link{font-size:16px;line-height:150%;;text-decoration:underline;color:#666666;}
.main_window a:visited{font-size:16px;line-height:150%;;text-decoration:underline;color:#666666;}
.main_window a:hover{font-size:16px;line-height:150%;;text-decoration:underline;color:#ffc30d;}




/* 本文　フル　下層ページ用 */

.main_window .main_content_full
{
	clear:both;
	margin: 0 auto;
	padding:10px 0px 0px 0px;
	border:0;
	width: 100%;
	color: #000000;
	text-align:left;
	background-color:#ffffff;
	max-height: 999999px;
	overflow:hidden;
}



/* 本文　表紙用 */

.main_window .main_content
{
	clear:both;
	margin: 0 auto;
	padding:0px 10px 0px 10px;
	border:0;
	width: 100%;
	color: #000000;
	text-align:left;
	background-color:#ffffff;
	max-height: 999999px;
	overflow:hidden;
}


/* 罫線なし */

.main_content_box
{
	margin:0px 0px 4px 0px;
	padding:0px 0px 10px 0px;
	width: 100%;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
	border: 0px #eeeeee solid;
	text-align:left;
	color:#666666;
	font-size:16px;
	line-height:150%;
	max-height: 999999px;
	white-space:normal;
}

.main_content_box table {
 	border-collapse:collapse;
 	border-spacing:0;
}

.main_content_box tr td {
	border:0px solid #fff;
	font-size:16px;
	line-height:180%;
	color:#666666;
}

.main_content_box .combox
{
	display:block;
	width: 100%;
	margin-top:6px;
	padding:8px 8px 8px 8px;
	background-color:rgba(255,255,255,0.1);
	font-size: 16px;
	line-height:150%;
	font-weight: normal;
	color:#ffffff;
	text-align:left;
	max-height: 999999px;
	position: relative;
}
.main_content_box .combox img
{
	position: absolute;
	right: 8px;
	bottom: 8px;
}

.main_content_box .imgbox
{
	width: 100%;
	font-size: 16px;
	line-height:150%;
	font-weight: normal;
	color:#666666;
	text-align:left;
	max-height: 999999px;
	background-color: #E7E7E7;
	padding: 20px 10px 10px 10px;
	margin-top: 0px;
}
.main_content_box .imgbox img
{
	padding: 0 4px 8px 4px;
	width:192px;
	*width:184px;
	height:144px;
	*height:140px;
}

.main_content_box .linkbox
{
	width: 100%;
	height:36px;
	margin-top:6px;
	padding:12px 8px 0px 8px;
	font-size: 14px;
	line-height:100%;
	font-weight: normal;
	color:#666666;
	text-align:right;
	max-height: 999999px;
}
.main_content_box .linkbox .com
{
	float:right;
	padding: 10px 8px 0px 8px;
}
.main_content_box .linkbox img
{
	float:right;
	width:196px;
	height:30px;
}

.main_content_box a:link{line-height:120%;;text-decoration:none;color:#666666;}
.main_content_box a:visited{line-height:120%;;text-decoration:none;color:#666666;}
.main_content_box a:hover{line-height:120%;;text-decoration:none;color:#ffc30d;}

.main_content_box hr{
	border-top: 1px solid #bbbbbb;
	border-bottom: 0px solid #bbbbbb;
	margin:15px 0 15px 0;
	text-align:left;
}


.main_content_box .commail
{
	display:block;
	width: 680px;
	margin-top:6px;
	padding:8px 8px 8px 8px;
	background-color:rgba(255,255,255,0.0);
	font-size: 16px;
	line-height:150%;
	font-weight: normal;
	color:#ffffff;
	text-align:left;
	max-height: 999999px;
	position: relative;
}



.main_content_box .comfull
{
	display:block;
	width: 100%;
	margin-top:6px;
	padding:8px 8px 8px 8px;
	background-color:rgba(255,255,255,0.0);
	font-size: 16px;
	line-height:150%;
	font-weight: normal;
	color:#ffffff;
	text-align:left;
	max-height: 999999px;
	position: relative;
}


/* 罫線あり　料金表 制作コース・費用 */

.main_window .main_content_box2
{
	clear:both;
	margin:0px 0px 4px 0px;
	padding:10px 10px 10px 10px;
	width: 100%;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
	border: 0px #eeeeee solid;
	text-align:left;
	color:#ffffff;
	font-size:16px;
	line-height:150%;
	white-space:normal;
	max-height: 999999px;
}

.main_content_box2 table {
 	border-collapse:collapse;
 	border-spacing:0;
}

.main_content_box2 tr td {
 	border:1px solid #666666;
	font-size:12px;
	line-height:120%;;
	color:#666666;
}

.main_content_box2 .combox
{
	display:block;
	width: 640px;
	padding:8px 0px 8px 0px;
	font-size: 14px;
	line-height:150%;
	font-weight: normal;
	color:#ffffff;
	text-align:center;
	max-height: 999999px;
}

.main_content_box2 ul{ 
	margin: 0; 
	padding: 0 15px; 
}

.main_content_box2 li{ 
	font-size:16px;
	line-height:180%;
	color:#666666;
}

.main_content_box2 li a:link{
	color:#666666;
}

.main_content_box2 li a:visited{
	color:#666666;
}

.main_content_box2 li a:hover{
	color:#eeeeee;
}

.main_content_box2 .imgbox
{
	width: 100%;
	font-size: 16px;
	line-height:150%;
	font-weight: normal;
	color:#666666;
	text-align:left;
	max-height: 999999px;
	background-color: #E7E7E7;
	padding: 20px;
	margin-top: 0px;
}
.main_content_box2 .imgbox img
{
	padding: 0 4px 8px 4px;
	width:192px;
	height:144px;
}



/* 2col 罫線あり　表紙・問合せ */

.main_window .main_content-2col
{
	clear:both;
	margin: 0 auto;
	padding:0px 0px 0px 0px;
	border:0;
	width: 980px;
	color: #000000;
	text-align:left;
	background-color:#ffffff;
	overflow:hidden;
}


.main_window .main_content-2col-l
{
	float:left;
	margin:0px 0px 4px 0px;
	padding:10px 0px 10px 0px;
	width: 700px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
	border: 0px #eeeeee solid;
	text-align:left;
	color:#666666;
	font-size:16px;
	line-height:150%;
	max-height: 999999px;
	white-space:normal;
}

.main_content-2col-l table {
	border-collapse:collapse;
	border-spacing:0;
	opacity: 0.99;
	filter: alpha(opacity=99);
	-moz-opacity: 0.99;
}

.main_content-2col-l tr td {
 	border:1px solid #ffffff;
	font-size:16px;
	line-height:150%;;
	color:#666666;
}

.main_window .main_content-2col-r
{
	float:left;
	margin:0px 0px 4px 0px;
	padding:10px 0px 30px 0px;
	width: 280px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
	border: 0px #eeeeee solid;
	text-align:center;
	color:#666666;
	font-size:14px;
	line-height:150%;
	max-height: 999999px;
	white-space:normal;
	background-color: #FFF;
}
.main_content-2col-r .txt_box
{
	margin:0px auto;
	padding:10px 0 10px 10px;
	width: 260px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
	border: 1px #eeeeee dashed;
	text-align:left;
	color:#ffffff;
	font-size:16px;
	line-height:150%;
	white-space:normal;
}

.main_content-2col-r hr{
	border-top: 1px dashed #bbbbbb;
	border-bottom: 0px solid #bbbbbb;
	margin:10px 0 10px 0;
	width:95%;
	text-align:left;
}
.main_content-2col-r a:link{font-size:14px;line-height:120%;color:#ffffff;}
.main_content-2col-r a:visited{font-size:14px;line-height:120%;color:#ffffff;}
.main_content-2col-r a:hover{font-size:14px;line-height:120%;color:#eeeeee;}




/* 大きなタイトルマーク */

.main_content_box .subtitle {
	float :left;
	padding: 0px 10px 10px 10px;
	width:216px;
	text-align:left;
}

.main_content_box .subtitle img{
	width:98%;
	max-width:196px;
}

.main_content_box .q {
//	float :left;
	padding:10px;
	width:98%;;
	*width:724px;
	text-align:left;
}

.main_content_box .q img{
	float :right;
	padding:4px 4px 4px 4px;;
	width:51px;
	height:51px;
	*width:42px;
	*height:43px;
}

.main_content_box .q p {
	font-size:16px;
	line-height:150%;
    overflow: auto;
}

.main_content_box .a {
//	float :left;
	padding:10px;
	width:98%;;
	*width:724px;
	text-align:left;
}

.main_content_box .a img{
	float :right;
	padding:4px 4px 4px 4px;;
	width:51px;
	height:51px;
	*width:42px;
	*height:43px;
}

.main_content_box .a p {
	font-size:16px;
	line-height:150%;
    overflow: auto;
}

.main_content_box .link {
//	float :left;
	padding:10px;
	width:98%;
	*width:724px;
	text-align:right;
}

.main_content_box .link img{
	float :right;
	width:100%;
	max-width:196px;
	padding:4px 4px 4px 4px;;
}

.main_content_box .link p {
	padding-top:7px;
    overflow: hidden;
}

/* 小さなタイトルマーク */

.main_content_box .sublist {
	float :left;
	width:216px;
	padding: 0px 0px 10px 30px;
	text-align:left;
}

.main_content_box .sublist img{
	width:98%;
	max-width:81px;
}

.main_content_box .sublist_q {
	float :left;
	padding:10px;
	width:724px;
	*width:684px;
	text-align:left;
}



/* 制作実績 work */

.work
{
	margin:0px 0px 15px 0px;
	font-size: 14px;
	line-height:120%;
    color:#ffffff;
    text-align: center;
}

.work_box {
	display: table;
	margin:0 auto;
	font-size: 14px;
	line-height:120%;
    color:#ffffff;
    text-align: center;
	overflow:hidden;
}

.work_box .imgbox {
//	float :left;
	display: table-cell;
	width:220px;
	text-align:left;
}

.work_box .imgbox img{
	width:100%;
	max-width:220px;
}

/* 表紙workリスト */

.work_box2 {
	display: table;
	margin:0 auto;
	padding-left:20px;
	font-size: 14px;
	line-height:120%;
    color:#ffffff;
    text-align: center;
	overflow:hidden;
}

.work_box2 .imgbox {
//	float :left;
	display: table-cell;
	width:80px;
	text-align:left;
}

.work_box2 .imgbox img{
	width:100%;
	max-width:80px;
}

.work_box_clr
{
	clear: both;
}



/* 制作費用　罫線あり */

.work2
{
	clear:both;
	margin:0px 0px 4px 0px;
	padding:0px;
	width: 100%;
	max-width:640px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
	border: 0px #eeeeee solid;
	text-align:left;
	color:#ffffff;
	font-size:12px;
	line-height:120%;
	white-space:normal;
	max-height: 999999px;
}

.work2 table {
 	border-collapse:collapse;
 	border-spacing:0;
}

.work2 tr td {
 	border:1px solid #666666;
	font-size:12px;
	line-height:120%;;
	color:#666666;
	word-break: break-all;
}

.work2 .imgbox
{
	font-size: 14px;
	line-height:150%;
	font-weight: normal;
	color:#666666;
	text-align:left;
	max-height: 999999px;
	background-color: #E7E7E7;
	padding: 10px;
	margin-top: 0px;
}



/* Google Map */

#map_canvas {
	padding: 0px 0px 0px 0px;
	width:600px;
	height:500px;
	font-size: 16px;
	line-height:20px;
	font-weight: normal;
	color:#666666;
}


/* Facebook */

#likebox_wrapper {
	margin:10px;
    line-height: 0;
	background-color: #fff;
    width: 499px;
    height: 400px;
    overflow: hidden;
    position:relative;
}
#likebox_wrapper iframe{
    position:relative;
    left:-1px;
    top: -1px;
}

#pageplugin_wrapper {
    line-height: 0;
	background-color: #fff;
    width: 500px;
    height: 400px;
    overflow: hidden;
    position:relative;
}



/* フッタ */


.footcontainer {
	z-index: 7;
	margin:0 auto;
	width: 100%;
	background-color:#818181;
	text-align: center;
}

.footcontainer_box {
	z-index: 7;
	margin:0 auto;
	width: 980px;
	background-image:url(images/footer.png);
	background-repeat:no-repeat;
	text-align: center;
}

.footmenu {
    padding:10px;
	height:190px;
	font-size: 14px;
	line-height:120%;
    color:#ffffff;
    text-align: center;
}

.footmenu_head {
//	display: table;
	width:940px;
	padding:10px 10px 10px 10px;
	font-size: 14px;
	line-height:120%;
    color:#ffffff;
    text-align: right;
}

.footmenu_box {
//	display: table;
	position:relative;
	width:950px;
	font-size: 14px;
	line-height:120%;
    color:#ffffff;
    text-align: center;
}

.footmenu_box ul{ 
//	display: table-cell;
	float:left;
	margin: 0 auto; 
	padding: 0px 20px 0px 0px; 
	font-size:14px;
	line-height:120%;
    text-align: left;
	list-style-type: none;
}

.footmenu_box ul li{ 
	font-size:14px;
	line-height:120%;
	color:#ffffff;
}

.footmenu_box li a:link{
	color:#ffffff;
}

.footmenu_box li a:visited{
	color:#ffffff;
}

.footmenu_box li a:hover{
	color:#ffc30d;
}

.footmenu_box .address {
//	display: table-cell;
	float:right;
	margin:0 auto;
	font-size: 14px;
	line-height:120%;
    color:#ffffff;
    text-align: right;
}

.footmenu a:link{font-size:14px;line-height:120%;text-decoration:none;color:#ffffff;}
.footmenu a:visited{font-size:14px;line-height:120%;text-decoration:none;color:#ffffff;}
.footmenu a:hover{font-size:14px;line-height:120%;text-decoration:none;color:#ffc30d;}

.footmenu img {
	margin:0px auto;
	padding:0px;
	opacity: 1;
 	filter: alpha(opacity=100);
 	-moz-opacity: 1;
}

.footmenu a:hover img {
	opacity: 0.9;
 	filter: alpha(opacity=90);
 	-moz-opacity: 0.9;
}

.footsigneture {
	margin:0px;
	width:980px;
	height:60px;
	color:#ffffff;
}
.footsigneture_box {
    padding:18px 10px 10px 10px;
	width:980px;
	height:50px;
	font-size: 16px;
	line-height:120%;
    color:#ffffff;
    text-align: right;
}

.revtxt{
	padding:0px;
	font-size: 14px;
	line-height:18px;
	color:#ffffff;
	width: 950px;
}

/* お知らせ iframes */

#box_oshirase{
	width: 660px;
	height: 100px;
	margin: 0px;
	border: 0px #BCBCBC solid;
	scrollbar-highlight-color: #999999;
	scrollbar-shadow-color: #999999;
	scrollbar-3dlight-color: #999999;
	scrollbar-darkshadow-color: #999999;
	background-color: transparent;
}


/* セパレータ */

.separater_full {
	clear: both;
	margin:0 auto;
	width: 100%;
	height: 16px;
}


/* スペーサー */

.spacex1 {
	clear: both;
	margin:0 auto;
	width: 10px;
	height: 1px;
}

.spacex4 {
	clear: both;
	margin:0 auto;
	width: 10px;
	height: 4px;
}

.spacex8 {
	clear: both;
	margin:0 auto;
	width: 10px;
	height: 8px;
}

.spacex16 {
	clear: both;
	margin:0 auto;
	width: 10px;
	height: 16px;
}

.spacex24 {
	clear: both;
	margin:0 auto;
	width: 10px;
	height: 24px;
}


/* TOPへ戻る */

  
#side-dock {
	position: fixed;
	display:block;
	list-style:none;
	right: 15px;
	bottom: 15px;
	width: 57px;
	border: 0px #000000 solid;
	z-index: 99998;
	overflow:hidden;
}  

#side-dock li a img{
	margin: 0 0 0px -40px;
	*margin: 0 0 0px 0px;
	padding:0 0 8px 0;
	opacity: 0.7;
 	filter: alpha(opacity=70);
 	-moz-opacity: 0.7;
}  
  
#side-dock li a img:hover {
	margin: 0 0 0px -98px;
}


/* Imagemax prev-next */

#prev-button{
	z-index:99999;
    position:fixed;
    left:0px;
    top:40%;
	width:35px;
	height:50px;
	cursor:pointer;

}
#next-button{
	z-index:99999;
    position:fixed;
    right:-2px;
    top:40%;
	width:35px;
	height:50px;
	cursor:pointer;
}