@charset "utf-8";
/* CSS Document */
/* Cross-browser settings */
* { margin: 0; padding: 0;}

/* general styles */
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}

/* IE10以上 */
@media all and (-ms-high-contrast: none) {
  body {
    font-family: Verdana, Meiryo, sans-serif;
  }
}
body {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif; margin:0; padding:0; height: 100%; margin:0px auto 0px auto; font-size: 16px; line-height:150%;
}

/* Firefoxスクロールバー */
html { overflow-y:scroll; }


img { border:0;}
a { color: #003333;}
a:visited { color: #006699;}
a:hover { color: #0000c0;}

p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  color:#333333; line-height:150%; text-align: left; clear:both;}
p a{ color:#333333; text-decoration:underline;}
p a:hover{ color:#999999; text-decoration:underline;}

h1 { font-size:15px; padding:0px 0px 0px 0px; text-align:left; color:#000000;}
h1 a,a:hover,a:visited{ color:#ffffff; text-decoration:none;}

h2 { font-size:20px; line-height:150%;}
h2 a{text-decoration:none;}
h2.pr{padding:10px; margin:10px 0 20px 0; border-left:3px solid #c0c427; border-bottom: 1px solid #c0c427; clear:both; overflow:hidden;}
h2.gl{padding:10px; margin:10px 0 20px 0; border-left:3px solid #4bae3d; border-bottom: 1px solid #4bae3d; clear:both; overflow:hidden;}
h2.ln{padding:10px; margin:10px 0 20px 0; border-left:3px solid #b408c3; border-bottom: 1px solid #b408c3; clear:both; overflow:hidden;}


h3 { font-size:18px; margin:0px 0px 5px 0px; padding:10px 5px 5px 5px; text-align:left; color:#006666;clear:both;}
h3 a{ color:#003366; text-decoration:none;}

/* ベース */
#bace {
 width:900px;
 margin: 0px auto;
 background-color:#FFFFFF;
}


/* ヘッダー */
#header{
width:100%;
 margin: 0px auto;
 clear:both;
 background-color:#000000;
}
#header .headerbody{
width:900px;
 margin: 0px auto;
 background-color:#000000;
 }
#header .title_text01{ font-size:17px; margin:50px 0px 0px 0px; padding:10px auto 0px auto; text-align:center; font-weight:bold; text-decoration:none; color:#000000;}
#header .title_text01 a{ text-decoration:none;}
#header .title_image01{ padding:0px auto 0px auto; text-align:center; clear:both;}

#header .title_image { float:left;}
#header .description { padding:40px 20px 0px 265px; float:left; font-size:14px; font-weight:bold; color:#FFFFFF; background-color:#000000;}

#header .title_image02{ margin:0px 0px 0px 20px; float:left;  display: inline }
#header .title_text02{ margin:40px 20px 10px 0px; float:left;}

/* ナビゲーションメニュー */

#navi_bace{
 width:760px;
 margin: 0px auto 10px auto;
 padding:0px;

}
#navi_pc{
 width:550px;
 margin: 30px auto 10px auto;
 clear:both;
 
 overflow:hidden;
}
#navi_bace ul{ list-style:none; display:inline; text-align:center; margin:0px auto;}
#navi_bace li{ float:left; text-align:center; margin:0px auto; padding:0px 0px 0px 0px;}
#navi_bace li a{ padding:0px; color:#0033FF; text-decoration:none; font-weight:bold;}

#navi_bace02{
 width:900px;
 margin: 30px auto 20px auto;
 padding:0px;
 background-image:url(../image/navi_back.gif);
 background-repeat:repeat-x;

}
#navi02{
 width:900px;
 margin: 0px auto;
 
 overflow:hidden;
}
#navi_bace02 ul{ list-style:none; display:inline; text-align:center; margin:0px auto;}
#navi_bace02 li{ float:left; text-align:center; margin:0px auto; padding:0px 0px 0px 0px;}
#navi_bace02 li a{ padding:0px; color:#0033FF; text-decoration:none; font-weight:bold;}

#navi_bace03{
 width:30px;
 float:right;
 padding:0px;

}

/* sp_menu */
#nav_sp {
	display:none;
}

/* メインコンテンツ */
#maincontents {
	width:900px;
margin:0 auto;
 clear:both;
}
#maincontents .bnbox{
	max-width:760px;
	margin:10px auto 30px auto;
}
#maincontents .text02{
 padding: 0px 10px 10px 10px;
}
#main_titleimg{
width:760px;
margin:auto 0px auto 0px;
text-align:left;
}
#maincontents .back{
width:100%;
margin:0px 0px 10px 0px;
text-align:right;
}
#maincontents p{
margin:2px;
text-align:left;

color:#000000;
line-height:12px;
}
#maincontents .text03{
margin:5px;
text-align:left;
font-size:14px;
color:#333333;
line-height:14px;
font-weight:bold;
}


#maincontents .titlebar{
margin:0px;
 clear:both;
}
#maincontents .rightbt_base{
margin:0px;
clear:both;
text-align:right;
}

#maincontents .rightbt_base .r_bt{
padding:0px 0px 10px 0px;
float:right;

}


/* 作品紹介ページ用 */

#maincontents .gltop{clear:both; overflow:hidden; padding:0 10px;}

#maincontents .gallery{
margin:0px;
padding:15px;
clear:both;
overflow:hidden;
}
#maincontents .gallery .left{
margin:0px;
float:left;
}
#maincontents .gallery .left p{
font-size:14px; line-height:150%;
}
#maincontents .gallery .right{
margin:0px;
float:right;
}

#maincontents .gallery .leftbox{
 width:400px;
 margin: 0px 0px 20px 0px;
 padding: 0px 0px 0px 0px;
 float:left;
}
#maincontents .gallery .rightbox{
 width:400px;
 margin: 0px 0px 20px 0px;
 padding: 0px 0px 0px 0px;
 float:right;
}
#maincontents .contentsbox {
width:100%;
padding:30px 0px 0px 0px;
clear:both;
overflow:hidden;
min-height:150px;
}
#maincontents .contentsbox .imagebox{
width:100px;
margin:0px 3px;
float:left;
 display:inline;
 text-align:center;
}
#maincontents .contentsbox .textbox{
	width:70%;
margin:0px 0px;
padding:0 0 0 2%;
float:left;
}
#maincontents .contentsbox .textbox p{
	font-size:14px; line-height:130%;
	}
.contentsbox .textbox h4{
margin:2px 0px 8px 0px;
font-weight:bold;
text-align:left;
font-size:16px;
color:#000000;
}




/* サブコンテンツ左 */
#subcontents_left {
 width:360px;
 margin:0px;
 padding:30px;
 float:left;
}

/* サブコンテンツ右 */
#subcontents_right {
 width:360px;
 margin:0px;
 padding:30px;
 float:right;
}
/* サブコンテンツ内要素 */
.subcontents {
width:360px;
padding:20px 0px 0px 0px;
clear:both;
}
.subcontents .imagebox{
width:100px;
margin:0px 3px;
float:left;
 display:inline;
}
.subcontents .textbox{
margin:0px 0px;
float:left;
}
.subcontents .textbox h4{
margin:0;
font-weight:bold;
text-align:left;
color:#000000;
}

/* profile_bace */
#profile_bace01{
width:100%;
height:auto;
margin:10px 0px 30px 0px;
clear:both;
overflow:hidden;

}
#profile_bace02{
width:100%;
height:auto;
margin:10px 0px 30px 0px;
clear:both;
overflow:hidden;
}
/* profile左 */
.profile_left {
 width:180px;
 height:auto;
 margin: 0px 0px 10px 0px;
 padding: 0px 0px 0px 0px;
 
 float:left;
 overflow:hidden;
}

/* profile右 */
.profile_right {
 width:700px;
 height:auto;
 margin: 0px 0px 10px 0px;
 padding: 0px 0px 0px 0px;
 
 float:right;
 overflow:hidden;
}

/* サブコンテンツ内要素 */
.contents_profile {
width:700px;
padding:0px 0px 0px 0px;
clear:both;
overflow:hidden;
}
.contents_profile dl{
width:100%;
clear:both;
}
.contents_profile dt{
padding:5px 5px 0px 5px;
float:left;
width:15%;
text-align:left;
color:#000000;
}
.contents_profile dd{
padding:5px 5px 0px 10px;
float:left;
width:80%;
text-align:left;
color:#000000;
}


.contents_profile .textbox03{
margin:0px 0px 0px 0px;
padding:10px 5px 0px 5px;
text-align:left;
color:#000000;
letter-spacing:1px;
overflow:hidden;
line-height:180%;
}
.contents_profile .box01{
margin:0px 20px 0px 0px;
float:left;
overflow:hidden;
}
.contents_profile .box02{
margin:10px 0px 0px 0px;
float:left;
overflow:hidden;
}

.contents_profile .textbox04{
padding:10px 5px 0px 5px;

text-align:left;
font-weight:bold;
color:#000000;
letter-spacing:1px;
overflow:hidden;
}
.contents_profile .textbox05{
padding:5px 5px 0px 5px;

text-align:left;
color:#000000;

letter-spacing:1px;
overflow:hidden;
}

/* 価格表 */
#pricelistbace{
width:100%;
}
#pricelistbace .pltitle{
width:100%;
padding:0px 0px 5px 0px;
}
.pricelist{
width:100%;
border: 1px #999999 solid;
border-collapse: collapse;
border-spacing: 0;
margin-bottom:10px;
}
.pricelist th {
    padding: 5px;
    border: #999999 solid;
    border-width: 0 0 1px 1px;
    background: #666666;
    font-weight: bold;
    line-height: 150%;
    text-align: center;
	color:#ffffff;
}
.pricelist td {
    padding: 5px;
    border: 1px #999999 solid;
    border-width: 0 0 1px 1px;
	color:#333333;
    text-align: left;
}

#pricelistbace p{
text-align:left;
color:#333333;
line-height:150%;
}

#pricelistbace .pr{
text-align:right;
color:#333333;
line-height:150%;
}

/* リンク集 */
#linkbace{
width:100%;
margin-bottom:15px;
}
#linkbace .linkbox{

margin:15px 0px 0px 0px;
padding:10px;
border:1px solid #999999;
clear:both; 
}
#linkbace .linkbox .sitename{
text-align:left;

font-weight:bold;
padding:5px;
color:#333333;
}
#linkbace a,a:visited{
color:#333333;
text-decoration:none;
}
#linkbace a:hover{
color:#666666;
text-decoration:underline;
}
#linkbace .linkbox p{
text-align:left;

padding:0px 5px 5px 5px;
color:#333333;
}

/* フッダー */
#footer{
width:100%;
 margin: 0px;
 clear:both;
}
#footer .copy{
width:100%;
 margin: 0px;
 padding: 10px 0px 10px 0px;
 clear:both;
 font-weight:bold;
 text-align:center;
 color:#ffffff;
 background-color:#000000;
}
#footer .sub_footer{
width:900px;
margin: 0px auto;
padding:20px 0 10px 0;
clear:both;
 text-align:center;
 color:#000000;
}

/* 表示非表示 */
.pc{display:block;}
.sp{display:none;}


/*==================================================================
	Media Query
===================================================================*/

@media screen and (max-width: 768px) {
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

#maincontents .gltop p{line-height:180%;}

h2.pr{margin:10px 2% 20px 2%; }
h2.gl{margin:10px 2% 20px 2%; }
h2.ln{margin:10px 2% 20px 2%; }


/* ヘッダー */
#header .headerbody{
width:100%;
 }
#header img{width:100%; height:auto;}


/* ベース */
#bace {
 width:100%;
}

/* メインコンテンツ */
#maincontents {
width:100%;
}

#maincontents .bnbox{
max-width:100%;
}
#main_titleimg{
width:100%;
margin:auto 0px auto 0px;
}
#maincontents .bnbox img{width:100%; height:auto;}

/* フッダー */
#footer .sub_footer{
width:100%;
}

/* 作品紹介ページ用 */
#maincontents .gallery .left{
float:none;
}
#maincontents .gallery .right{
float:none;
}

#maincontents .gallery .leftbox{
 width:100%;
 float:none;
}
#maincontents .gallery .rightbox{
 width:100%;
 float:none;
}
#maincontents .contentsbox .imagebox{
min-width:94px;
width:23%;
}
#maincontents .contentsbox .textbox{
width:70%;
}

#maincontents .rightbt_base{
	padding:20px 10px 0 0;
}
#maincontents .back{
width:95%;
margin:0px auto 10px auto;
text-align:right;
}

/* サブコンテンツ左 */
#subcontents_left {
 max-width:360px;
 margin:0px auto;
 padding:0px;
 float:none;
}
/* サブコンテンツ右 */
#subcontents_right {
 max-width:360px;
 margin:0px auto;
 padding:0px;
 float:none;
}

/* 価格表 */
.pricelist{
width:98%;
margin:0 auto 10px auto;
}

.pricelist th {
    padding: 3px;
	font-size:12px;
}
.pricelist td {
    padding: 3px;
	font-size:12px;
}
#pricelistbace p{
	font-size:12px;
	padding:0 10px;
}
#pricelistbace .pr{
	font-size:12px;
}
/* リンク集 */
#linkbace{
width:96%;
margin:15px auto;
}
/* サブコンテンツ内要素 */
.contents_profile {
width:100%;
}
/* profile左 */
.profile_left {
 width:180px;
 margin: 0px auto 10px auto;
 float:none;
 overflow:hidden;
}
/* profile右 */
.profile_right {
 width:100%;
 float:none;
}
.contents_profile .box01{
width:150px;
margin:0px auto;
float:none;
}
.contents_profile .box02{
width:210px;
margin:10px auto 0px auto;
float:none;
text-align:center;
}
.contents_profile .textbox03{
padding:10px 10px 0px 10px;
text-align:left;
font-size:14px;
line-height:150%;
}

.contents_profile .textbox04{
padding:20px 10px 0px 10px;
font-size:18px;
}

.contents_profile .textbox05{
padding:5px 10px 0px 10px;
}

.contents_profile dl{
	padding:0px 0 20px 0;
}

.contents_profile dt{
padding:20px 0 0 0;
float:left;
width:20%;
text-align:center;
}
.contents_profile dd{
padding:20px 0 0 0;
float:left;
width:78%;
text-align:left;
}

#navi_bace02{display:none;}

/* sp_menu */
#nav_sp {
	width:100%;
 margin:0 auto;
 padding:0 0 0.5em 0;
 clear:both;
 overflow:hidden;
 display:block;
}

.menubtn {
	font-size:16px;
	padding:0.5em;
	margin:0;
	display:block;
	color: #000000;
	border-bottom:2px solid #000000;
}
#navi{
	clear:both;
	overflow:hidden;
	padding:0;
	margin:0;
}
.togmenu {
	display:none;
}
#navi ul {
	padding:0;
	margin:0;
	border:none;
	background-color:#ffffff;
}

#navi li{
	width:100%;
	line-height:180%;
	font-size:16px;
	list-style:none;
	padding:5px 0 5px 3%;
	margin:0;
	color: #000000;
	clear:both;
	border-top:none;
	border-bottom:1px solid #000000;
	border-left:none;
	border-right:none;
	text-align:left;
}
#navi li a{
	color:#000000;
	text-decoration:none;
	display:block;
}

/* 表示非表示 */
.pc{display:none;}
.sp{display:block;}

}