@charset "utf-8";

/* reset css */
h1, h2, h3, h4, h5, h6, p,
dl, dt, dd, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}

ol, ul {
	list-style: none;
}

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

/* 基本設定 */
body{
	margin-top:0px;
	padding-top:0px;
	font-size:15px;
	line-height:1.6;
	font-family: "游ゴシック" , "Yu Gothic" , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333333;
	background-color:#ffffff;
	-webkit-text-size-adjust : 100%;
}

a{
	color:#333333;
	text-decoration:underline;
}

a:hover{
	color:#ffb126;
	text-decoration:underline;
}

img{
	border:0px;
}

p{
	line-height: 1.6;
}

/* clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.fixed{
	position: fixed;
	top:0;
	left:0;
	width:100%;
}


/* 全体枠-TOP */
#container{
	position:relative;
	width:100%;
	text-align:center; 
	text-align:left; 
	margin-left:auto;
	margin-right:auto;
}

/* ヘッダー下コンテンツ */
main#content{
	position:relative;
	width:100%;
}

/*===============================================
  画面の横幅が767pxまで
===============================================*/

@media screen and (max-width:767px)
{
	
/* 全体枠-TOP */
#container{
	min-width:320px;
}

/* ヘッダー*/
header{
	position: fixed;
	top:0;
	width:100%;
	height: 45px;
	background-color: #a0ca20;
	z-index: 9999;
}
	
header h1{
	width:49.68%;
}	
	
header h1 img{
	width:auto;
	height: 45px;
}	

/* デフォルトのリンクをタッチしたときのハイライトを消す */	
header h1 a{
	background-color: transparent;
	-webkit-touch-callout:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}	
	
/*-----------------------
	ハンバーガーメニュー
-----------------------	*/	
header nav.sp_menu{
	overflow: auto;
	position: fixed;
	top:45px;
	right: -80%;
	width: 80%;
	max-width: 440px;
	height: 100%;
	background-color: #fff;
    border-left:1px solid #a0ca20;
	opacity: 0;
	z-index: 9999;
	transition:0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;
	-webkit-transition:0.3s ease-in-out;
}	
	
/* ナビゲーション：アクティブ時 */
header.navOpen nav.sp_menu{
	opacity: 1;
	right:0;
}	

header nav.sp_menu ul {
	width: 100%;
	padding-left: 20px;
	padding-bottom: 45px;
	background-color: #fff;
	box-sizing: border-box;
}	

header nav.sp_menu ul li{
	border-bottom: 1px solid #eeeeee;
}	

header nav.sp_menu ul li a{
	display: block;
	width: 100%;
	height: 45px;
	font-size:17px;
	color:#6ccbf5;
	line-height: 2.8;
	text-decoration: none;
	box-sizing: border-box;
}		

header nav.sp_menu ul li a:hover{
	background-color: #f7f7f7;		
}	

header nav.sp_menu ul li.home a{
	width: 100%;
	padding-left: 30px;
	background: url(image/icon_home.png) center left no-repeat;
	background-size:20px 20px;
	-moz-background-size:20px 20px;
	-webkit-background-size:20px 20px;	
}	

header nav.sp_menu ul li.gallery a{
	width: 100%;
	padding-left: 30px;
	background: url(image/icon_gallery.png) center left no-repeat;
	background-size:20px 20px;
	-moz-background-size:20px 20px;
	-webkit-background-size:20px 20px;	
}	

header nav.sp_menu ul li.gallery_menu a{
	width: 100%;
	font-size:15px;
	color:#333;
	line-height: 3.1;
	padding-left: 36px;
	background: url(image/icon_star.png) center left no-repeat;
	background-size:26px 15px;
	-moz-background-size:26px 15px;
	-webkit-background-size:26px 15px;	
}	

header nav.sp_menu ul li.profile a{
	width: 100%;
	padding-left: 30px;
	background: url(image/icon_profile.png) center left no-repeat;
	background-size:20px 20px;
	-moz-background-size:20px 20px;
	-webkit-background-size:20px 20px;	
}	

header nav.sp_menu ul li.contact a{
	width: 100%;
	padding-left: 30px;
	background: url(image/icon_contact.png) center left no-repeat;
	background-size:20px 20px;
	-moz-background-size:20px 20px;
	-webkit-background-size:20px 20px;	
}

/* デフォルトのリンクをタッチしたときのハイライトを消す */	
header nav.sp_menu ul li a{
	background-color: transparent;
	-webkit-touch-callout:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}	

/* リンクをタップしたときの色 */	
.touchstyle-sp_menu{
	background-color: #f7f7f7!important;		
}	
	
/* リンクを離したときの色 */	
.notouchstyle-sp_menu{
	background-color: transparent!important;		
}	
	
/* ナビゲーションボタン */
header p.menubtn{
	display:block;
	position: absolute;
	width:45px;
	height:45px;
	top:0;
	right:0;
	background: url(image/bt_nav-menu.jpg) no-repeat;
	background-size: 45px 45px;
	-moz-background-size:45px 45px;
	-webkit-background-size:45px 45px;
	cursor:pointer;
}	
	
/* ナビゲーションボタン：アクティブ */	
header.navOpen p.menubtn{
	background:url(image/btv_nav-menu.jpg) no-repeat;
	background-size:45px 45px;
	-moz-background-size:45px 45px;
	-webkit-background-size:45px 45px;
}

/* オーバーレイ */
.overlay {
	position: fixed;
	top: 45px;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0;
	z-index: 999;
}
	
/* end ハンバーガーメニュー */
	
/* メイン画像 */
#main-image_sp{
	position:relative;
	width:100%;
	top:45px;
	margin-bottom: 64px;
	z-index: 1;
}

#main-image_sp img{
	width:100%;
	height: auto;
}	
	
/*コンテンツ-メイン*/
#inner-content{
	position:relative;
	width:92.5%;
	margin: 0 auto;
	z-index: 1;
}

/* 紹介枠-全体 */
.intro-total{
	position:relative;
	width:100%;
	margin-bottom:30px;
}
	
body.hp_design .intro-total,
body.illustration .intro-total,
body.graphic_design .intro-total,
body.name_card .intro-total,
body.new_years_card .intro-total{
	margin-bottom:25px;
}	
	
/* 紹介枠-タイトル */
.intro-header{
	position:relative;
	width:100%;
	height:auto;
	margin: 0 auto;
}	
	
.intro-header img{
	width:auto;
	height: 23px;
}	

/* 紹介枠-コンテンツ */
.intro-contents{
	position:relative;
	width:100%;
}

/* What'sNew-コンテンツ */
.intro-contents_news{
	position:relative;
	width:100%;
	padding-bottom:10px;
	border-bottom:1px solid #a1cb21;
}

/*What'sNews-日付*/
.date{
	position:relative;
	width:100%;
	min-height:21px;
	background:url(image/icon_whats-new_sp.jpg) no-repeat;
	background-size:18px 21px;
	-moz-background-size:18px 21px;
	-webkit-background-size:18px 21px;
	padding-left:24px;
	box-sizing: border-box;
}

/* Gallery、Profile、Contactページの紹介-コンテンツ全体 */
.intro-contents-page_lt{
	width:100%;
	margin-bottom: 9px;
}

.intro-contents-page_lt img{
	width:100%;
	height: auto;
}	
	
.intro-contents-page_rt{
	width:100%;
}
	
/* ページリンクボタン */
.link_button{
	width:auto;
	min-height:21px;
	float: right;
	margin-top: 6px;
	margin-right: 1.69%;
	background:url(image/icon_link_sp.jpg) no-repeat;
	background-size:18px 21px;
	-moz-background-size:18px 21px;
	-webkit-background-size:18px 21px;
	padding-left:24px;
	box-sizing: border-box;
}
	
/* Profileコンテンツ */
.profile-contents{
	position:relative;
	width:100%;
	margin-top: 25px;
}

.profile-contents-left{
	width:100%;
	margin-bottom: 30px;
}

.profile-contents-right{
	width:100%;
}
	
.profile-contents-right img{
	display: block;
	width:59.26%;
	max-width: 320px;
	height: auto;
	margin: 0 auto;
}	

/* Profile-名前 */
.profile-name{
	width:100%;
	padding:15px 0;
	font-weight:bold;
	border-top:1px solid #a1cb21;
	border-bottom:1px solid #a1cb21;
}

/* Profile-テキスト */
ul.profile-text{
	width:100%;
}

ul.profile-text li{
	width:100%;
	min-height:21px;
	background:url(image/icon-square_green.jpg) no-repeat;
	background-size:18px 21px;
	-moz-background-size:18px 21px;
	-webkit-background-size:18px 21px;
	margin-top: 15px;
	padding-left:24px;
	padding-bottom: 15px;
	border-bottom:1px solid #a1cb21;
	box-sizing: border-box;
}

/* Contactコンテンツ */
.contact-contents{
	position:relative;
	width:100%;
}

.contact-contents-left{
	width:100%;
	margin-bottom: 30px;
}

.contact-contents-right{
	width:100%;
}
	
.contact-contents-right img{
	display: block;
	width:59.26%;
	max-width: 320px;
	height: auto;
	margin: 0 auto;
}	

/*----------------------------------
	Contact-フォーム
----------------------------------*/
dl.contact{
	width:100%;
	margin-bottom: 25px;
}

/* メッセージ欄 */
div.contact-contents-left dl.contact:nth-last-of-type(1){
	margin-bottom: 20px;
}
	
dl.contact dt{
	width:100%;
	padding-bottom: 8px;
}

dl.contact dd{
	width:100%;
}
	
input[type="text"]{
	width:100%;
	height: 38px;
	padding: 3px;
	background-color: #fafafa;
	border:1px solid #dddddd;
	border-radius: 0;
	box-sizing: border-box;
	-webkit-appearance: none;
}

input[type="button"],
input[type="submit"]{
	border-radius: 0;
}

input[type="text"]:focus,
textarea:focus{
	border:1px solid #dddddd;
	outline: 0;
}	
	
input[type="button"]:focus,
input[type="submit"]:focus{
	outline: 0;
}	
	
textarea{
	width:100%;
	height: 192px;
	padding: 3px;
	background-color: #fafafa;
	border:1px solid #dddddd;
	border-radius: 0;
	box-sizing: border-box;
	-webkit-appearance: none;
}

/*　フォームコメント枠　*/
.contact-text_waku{
	position:relative;
	margin-bottom:20px;
}

/*　Contact-フォームボタン枠　*/
.contact-button_waku{
	position:relative;
	width:100%;
	text-align: center;
}	

/*　戻るボタン　*/
.contact-button_left{
	position:relative;
	float:left;
	width:45.6%;
	height:40px;
	margin-left:1.025%;
}

/*　送信ボタン　*/
.contact-button_right{
	position:relative;
	float:right;
	margin-right:1.025%;
	width:45.6%;
	height:40px;
}

/* 確認ボタン */
.contact-button_kakunin{
	position:relative;
	width:45.6%;
	height:40px;
	margin: 0 auto;
}
	
.contact-button{
	position:relative;
	width:100%;
	height:40px;
	background-color:#a1cb1f;
	text-align:center;
	color:#FFFFFF;
	font-size: 15px;
	line-height: 1.8;
	border: none;
	cursor: pointer;
}

/*******************************************/

/*           Gallery Setting            */

/*******************************************/

/* 作品詳細、作品群-全体枠 */
.intro_view-total{
	position:relative;
	width:100%;
	padding-bottom:5px;
	border-bottom:1px solid #a1cb21;
	clear:both;
}

/* 作品詳細-注記、ページ送り全体枠（外側） */
.intro_view-header-total{
	position:relative;
	width:100%;
	clear:both;
}

/* 作品詳細-注記、ページ送り全体枠（内側） */
.intro_view-header-left{
	position:relative;
	width:100%;
	margin-bottom: 15px;
}

.intro_view-header-right{
	position:relative;
	width:100%;
	margin-bottom: 20px;
}

/* 画像拡大注記 */
.intro_view-midashi{
	width:100%;
	min-height:21px;
	background:url(image/icon-square_orange.jpg) no-repeat;
	background-size:18px 21px;
	-moz-background-size:18px 21px;
	-webkit-background-size:18px 21px;
	padding-left:24px;
	font-size:14px;
	box-sizing: border-box;
}
	
.intro_view-midashi p{
	line-height: 1.8;		
}	
	
/* 作品詳細-All Works、Next、Backボタン */
table.gallery_inro-button{
	width: 100%;
}

table.gallery_inro-button td.all{
	width:50%;
}
	
table.gallery_inro-button td.all img{
	width:auto;
	height: 23px;
}	

table.gallery_inro-button td.back{
	width:24.155%;
}
	
table.gallery_inro-button td.back img{
	width:auto;
	height: 23px;
}	

table.gallery_inro-button td.next{
	width:24.155%;
	text-align: right;
}

table.gallery_inro-button td.next img{
	width:auto;
	height:23px;
}	
	
table.gallery_inro-button td.space{
	width:0;
}

/* 作品詳細-コンテンツ全体枠 */
.intro_view-contents-total{
	position:relative;
	width:100%;
	clear:both;
}
	
/* 作品詳細-コンテンツ左右枠 */
.intro_view-contents-left{
	position:relative;
	float:left;
	width:48.31%;
}

.intro_view-contents-right{
	position:relative;
	float:right;
	width:48.31%;
}
	
/* 作品-画像 */
.intro_view-image{
	width:100%;
	border:3px #a1cb1f solid;
	background-color:#fff;
	box-sizing: border-box;
	margin-bottom: 15px;
}

.intro_view-image img{
	display: block;
	width: 100%;
	height: auto;
	border:1px #fda305 solid;
	box-sizing: border-box;
}

/* 作品紹介-テキスト */
.title_works{
	width: 100%;
	padding-bottom: 15px;
	font-weight:bold;
	border-bottom:1px solid #a1cb21;
}

.comment_works{
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom:1px solid #a1cb21;
}

.comment_works span.seisaku_date{
	display: block;
	margin-top: 2px;		
}	
	
div.intro_view-contents-right div.comment_works:nth-last-of-type(1){
	border-bottom: none;
}

body.hp_design div.intro_view-contents-right div.comment_works:nth-last-of-type(1){
	border-bottom:1px solid #a1cb21;
}

ul.check{
	width:100%;
	padding-top:15px;
	padding-bottom:15px;
}

ul.check li{
	width:100%;
	min-height:21px;
	background:url(image/icon_check_sp.jpg) no-repeat;
	background-size:18px 21px;
	-moz-background-size:18px 21px;
	-webkit-background-size:18px 21px;
	padding-left:24px;
	margin-bottom:5px;
	box-sizing: border-box;
}

ul.check li:nth-last-child(1){
	margin-bottom: 0;	
}

.website_button{
	width:100%;
	margin-bottom: 15px;
}

.website_button img{
	display: block;
	width:100%;
	height: auto;
}	
	
/* 作品群 */
ul.works_image{
	width:100%;
	margin-top:20px;
	padding-bottom: 10px;
}

ul.works_image li{
	width: 48.31%;
	border:3px #a1cb1f solid;
	box-sizing: border-box;
	margin-right: 3.38%;
	margin-bottom: 20px;
	background-color:#fff;
	float: left;
}

ul.works_image li:nth-child(2n){
	margin-right: 0;
}

ul.works_image li img{
	display: block;
	width: 100%;
	height: auto;
	border: 1px #fda305 solid;
	box-sizing: border-box;
}

/*-----------------------
	フッター
-----------------------	*/	
footer{
	position:relative;
	width:100%;
	height:auto;
	background-color:#a0ca20;
	color:#fff;
}

/* ページトップボタン */
.sp_btn-top{
	width:100%;
	height: 109px;
	background: #fff url(image/sp-bt_top_bg.gif) bottom left repeat-x;
	margin-bottom: 12px;
	text-align: center;
}
	
.sp_btn-top img{
	width:86px;
	height: auto;
}	
	
/* ナビゲーション */
footer nav.footer_menu ul {
	width: 100%;
	padding-bottom: 5px;
}	
	
body.error404 footer nav.footer_menu ul {
	padding-top: 15px;
}		

footer nav.footer_menu ul li{
	width:50%;
	float: left;
	margin-bottom: 15px;
}	

footer nav.footer_menu ul li a{
	display: block;
	width:90.625%;
	height: 35px;
	margin-left: 9.375%;
	padding-left: 45px;
	font-size:17px;
	color:#fff;
	line-height: 2.2;
	text-decoration: none;
	box-sizing: border-box;
}	

footer nav.footer_menu ul li.home a{
	background: url(image/icon_home.png) center left no-repeat;
	background-size:35px 35px;
	-moz-background-size:35px 35px;
	-webkit-background-size:35px 35px;	
}	

footer nav.footer_menu ul li.gallery a{
	background: url(image/icon_gallery.png) center left no-repeat;
	background-size:35px 35px;
	-moz-background-size:35px 35px;
	-webkit-background-size:35px 35px;	
}	

footer nav.footer_menu ul li.profile a{
	background: url(image/icon_profile.png) center left no-repeat;
	background-size:35px 35px;
	-moz-background-size:35px 35px;
	-webkit-background-size:35px 35px;	
}	
	
footer nav.footer_menu ul li.contact a{
	background: url(image/icon_contact.png) center left no-repeat;
	background-size:35px 35px;
	-moz-background-size:35px 35px;
	-webkit-background-size:35px 35px;	
}	

/* デフォルトのリンクをタッチしたときのハイライトを消す */	
footer nav.footer_menu ul li a{
	background-color: transparent;
	-webkit-touch-callout:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}	

/* リンクをタップしたときの色 */	
.touchstyle-footer_menu{
	background-color: #aad722!important;		
}	
	
/* リンクを離したときの色 */	
.notouchstyle-footer_menu{
	background-color: transparent!important;		
}	
	
#footer_sp p.copyright{
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 13px;
	padding-bottom: 7px;
}	

/* 404エラーページ　*/
body.error404 #page-content{
	position:relative;
	width:92.5%;
	margin: 0 auto;
	z-index: 1;
}

body.error404 h2{
	font-size: 15px;
	text-align: center;
	margin-top: 75px;
	margin-bottom: 20px;
}

.error-comment{
	text-align: center;
} 

.error-image{
	width: 100%;
	text-align: center;
	margin: 30px auto;
}

.error-image img{
	width:100%;
	height: auto;
}	
	
/*---------------------------
	スマホ横向きの表示設定 
---------------------------*/
@media all and (orientation:landscape)
{
/* Gallery 作品群 */
ul.works_image li{
	width: 31.08%;
	margin-right: 3.38%;
}

ul.works_image li:nth-child(2n){
	margin-right: 3.38%;
}

ul.works_image li:nth-child(3n){
	margin-right: 0;
}
}	
	
/*-----------------------
	スマホ非表示設定
-----------------------*/
header#header,
#main-image,
nav.side_menu,
.top_button,
.button_home,	
footer#footer{
	display: none;		
}
	
	
}


/*===============================================
  画面の横幅が768px以上
===============================================*/

@media screen and (min-width:768px) 
{

body{
	font-size: 15px;
}
	
/* 全体枠-TOP */
#container{
	width:830px;
}

/*ヘッダー*/
header{
	position:absolute;
	width:830px;
	height:75px;
	background-color: transparent;
}

/* ヘッダー下コンテンツ */
main#content{
	position:absolute;
	width:830px;
	top:75px;
	background-image:url(image/bg-total.jpg);
	background-repeat:repeat-y;
}

/* メイン画像 */
#main-image{
	position:relative;
	width:830px;
}

/* コンテンツ-全体 */
#page-content{
	position:relative;
	top:20px;
	width:830px;
}

/* ナビゲーション */
nav.side_menu{
	position:absolute;
	left:20px;
	width:200px;
}

/* カテゴリ */
.category{
	width:200px;
	margin:0 auto 20px;
}

/* カテゴリ Gallery */
nav.side_menu div.category:nth-of-type(2){
	margin:0 auto;
}

/* カテゴリ Profile */
nav.side_menu div.category:nth-of-type(3){
	margin:20px auto;
}

/* ページ名 */
.page-name{
width:200px;
height:15px;
padding:16px 0px 0px 44px;
vertical-align:middle;
background-image:url(image/bg_page-name.jpg);
background-repeat:no-repeat;
}

ul#menu{
	with:200px;	
}

ul#menu li{
	width:200px;
	height: 45px;
	padding-top: 10px;
	padding-left:44px;
	background: url(image/bg_page-name.jpg) no-repeat;
	box-sizing: border-box;
}

/*コンテンツ-メイン*/
#inner-content{
	position:relative;
	left:265px;
	width:540px;
}

/* 紹介枠-全体 */
.intro-total{
	position:relative;
	width:540px;
	margin-bottom:20px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border:1px solid #a1cb21;
	box-sizing: border-box;
}

/* 紹介枠-タイトル */
.intro-header{
	position:relative;
	width:540px;
	height:25px;
	padding-top: 10px;
	padding-left: 10px;
	margin: 0 auto 15px;
	box-sizing: border-box;
}	
	
.intro-header img{
	width:auto;
	height: 25px;
}	

/* 紹介枠-コンテンツ */
.intro-contents{
	position:relative;
	width:520px;
	padding:0 10px 10px;
}

/* What'sNew-コンテンツ */
.intro-contents_news{
	position:relative;
	width:520px;
	padding:0 0 5px;
	margin:0 auto 15px;
	border-bottom:1px solid #a1cb21;
}

/*What'sNews-日付*/
.date{
	position:relative;
	width:200px;
	min-height:20px;
	background:url(image/icon_whats-new.jpg) no-repeat;
	padding:0 0 2px 20px;
}

/* Gallery、Profile、Contactページの紹介-コンテンツ全体 */
.intro-contents-page_lt{
	width:390px;
	float: left;
	padding-top: 15px;
	margin-left: 15px;
}

.intro-contents-page_lt img{
	width:100%;
	height: auto;
}	
	
.intro-contents-page_rt{
	width:105px;
	float: right;
	padding-top: 15px;
	padding-bottom: 10px;
	margin-right: 15px;
}
	
/* ページリンクボタン */
.link_button{
	width:105px;
	min-height:19px;
	background:url(image/icon_link.jpg) no-repeat;
	padding-left:20px;
	box-sizing: border-box;
}

/* Profileコンテンツ */
.profile-contents{
	position:relative;
	width:520px;
	padding:10px 10px 0px;
}

.profile-contents-left{
	width:340px;
	float: left;
}

.profile-contents-right{
	width:170px;
	float: right;
}
	
.profile-contents-right img{
	width:100%;
	height: auto;
}	

/* Profile-名前 */
.profile-name{
	width:340px;
	padding:23px 0px 20px;
	font-weight:bold;
	border-top:1px solid #a1cb21;
	border-bottom:1px solid #a1cb21;
}

/* Profile-テキスト */
ul.profile-text{
	width:340px;
	padding-bottom:30px; 
}

ul.profile-text li{
	width:340px;
	min-height:19px;
	padding:1px 0 20px 20px;
	margin:20px auto; 
	background:url(image/icon_profile.jpg) no-repeat;
	border-bottom:1px solid #a1cb21;
	box-sizing: border-box;
}

/* Contactコンテンツ */
.contact-contents{
	position:relative;
	width:520px;
	padding:10px 10px 0px;
}

.contact-contents-left{
	width:340px;
	float: left;
}

.contact-contents-right{
	width:170px;
	float: right;
}
	
.contact-contents-right img{
	width:100%;
	height: auto;
}	

/* Contact-フォーム */
dl.contact{
	width:340px;
	border-top:1px solid #7ecef4;
	border-right:1px solid #7ecef4;
	border-left:1px solid #7ecef4;
	border-collapse:collapse;
	background:#9edffe;
	box-sizing: border-box;
}

dl.contact dt{
	width:105px;
	padding: 10px 0;
	text-align: center;
	color: #fff;
	font-weight: bold;
	background:#9edffe;
	float: left;
}

dl.contact dd{
	width:213px;
	padding: 10px;
	text-align: left;
	background:#fff; 
	float: left;
}

/* メッセージ欄 */
div.contact-contents-left dl.contact:nth-last-of-type(1){
	border-bottom:1px solid #7ecef4;
}

div.contact-contents-left dl.contact:nth-last-of-type(1) dt{
	width:105px;
	height: 120px;
	padding: 10px 0;
	box-sizing: border-box;
}

div.contact-contents-left dl.contact:nth-last-of-type(1) dd{
	width:233px;
	height: 120px;
	padding: 10px 10px 0;
	box-sizing: border-box;
}

input[type="text"]{
	width:213px;
	padding: 3px;
	border:1px solid #abadb3;
	border-radius: 0;
	box-sizing: border-box;
	-webkit-appearance: none;
}

input[type="button"],
input[type="submit"]{
	border-radius: 0;
}

input[type="button"]:focus,
input[type="submit"]:focus{
	outline: 0;
}	
	
textarea{
	width:213px;
	height:100px;
	padding: 3px;
	border:1px solid #abadb3;
	border-radius: 0;
	box-sizing: border-box;
	-webkit-appearance: none;
}

/*　フォームコメント枠　*/
.contact-text_waku{
	position:relative;
	margin-bottom:20px;
}

/*　Contact-フォームボタン枠　*/
.contact-button_waku{
	position:relative;
	padding:20px 0px 45px;
	text-align:center;
	width:340px;
}	

/*　戻るボタン　*/
.contact-button_left{
	position:relative;
	float:left;
	width:100px;
	height:30px;
	margin-left:60px;
}

/*　送信ボタン　*/
.contact-button_right{
	position:relative;
	float:left;
	margin-left:20px;
	width:100px;
	height:30px;
}

/* 確認ボタン */
.contact-button_kakunin{
	position:relative;
	width:100px;
	height:30px;
	margin: 0 auto;
}	
	
.contact-button{
	position:relative;
	width:100px;
	height:30px;
	background-color:#a1cb1f;
	text-align:center;
	color:#FFFFFF;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.8;
	border: none;
	cursor: pointer;
}

/*******************************************/

/*           Gallery Setting            */

/*******************************************/

/* 作品詳細、作品群-全体枠 */
.intro_view-total{
	position:relative;
	width:540px;
	padding-bottom:15px;
	border-bottom:1px solid #a1cb21;
	clear:both;
}

/* 作品詳細-コンテンツ全体枠 */
.intro_view-header-total,.intro_view-contents-total{
	position:relative;
	width:540px;
	clear:both;
}

/* 作品詳細-コンテンツ左右枠 */
.intro_view-header-left,.intro_view-contents-left{
	position:relative;
	float:left;
	width:260px;
	text-align:left;
	vertical-align:top;
}

.intro_view-header-right,.intro_view-contents-right{
	position:relative;
	float:right;
	width:260px;
	margin-left:10px;
	text-align:left;
	vertical-align:top;
}

/* 作品詳細-All Works、Next、Backボタン */
table.gallery_inro-button{
	width: 260px;
}

table.gallery_inro-button td.all{
	width:105px;
}
	
table.gallery_inro-button td.all img{
	width:105px;
	height: auto;
}	

table.gallery_inro-button td.back{
	width:62px;
}
	
table.gallery_inro-button td.back img{
	width:62px;
	height: auto;
}	

table.gallery_inro-button td.next{
	width:59px;
}

table.gallery_inro-button td.next img{
	width:59px;
	height:auto;
}	
	
table.gallery_inro-button td.space{
	width:17px;
}

/* 画像拡大注記 */
.intro_view-midashi{
	width:240px;
	min-height:19px;
	background:url(image/icon_illustration.jpg) no-repeat;
	padding-left:20px;
}

/* 作品-画像 */
.intro_view-image{
	width:250px;
	height:250px;
	margin-top:10px;
	margin-bottom: 5px;
	border:5px #a1cb1f solid;
	background-color:#fff;
}

.intro_view-image img{
	width: 248px;
	height: 248px;
	border:1px #fda305 solid;
}

.intro_view-image a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

/* 作品紹介-テキスト */
.title_works{
	width: 260px;
	margin-top:10px;
	padding-bottom: 15px;
	font-weight:bold;
	border-bottom:1px solid #a1cb21;
}

.comment_works{
	width: 260px;
	padding-top: 18px;
	padding-bottom: 15px;
	border-bottom:1px solid #a1cb21;
}

.comment_works span.seisaku_date{
	margin-left: 16px;		
}	
	
div.intro_view-contents-right div.comment_works:nth-last-of-type(1){
	border-bottom: none;
}

body.hp_design div.intro_view-contents-right div.comment_works:nth-last-of-type(1){
	border-bottom:1px solid #a1cb21;
}

ul.check{
	width:260px;
	padding-top:18px;
	padding-bottom:15px;
}

ul.check li{
	width:260px;
	min-height:19px;
	background:url(image/icon_check.jpg) no-repeat;
	padding-left:25px;
	margin-bottom:5px;
	box-sizing: border-box;
}

ul.check li:nth-last-child(1){
	margin-bottom: 0;	
}

.website_button{
	width:260px;
}

.website_button img{
	width:260px;
	height: auto;
}	
	
/* 作品群 */
ul.works_image{
	width:540px;
	margin-top:20px;
}

ul.works_image li{
	width: 162px;
	height: 162px;
	border:5px #a1cb1f solid;
	box-sizing: border-box;
	float: left;
	margin-right: 27px;
	margin-bottom: 20px;
	background-color:#fff;
}

ul.works_image li:nth-child(3n){
	margin-right: 0;
}

ul.works_image li img{
	width: 150px;
	height: 150px;
	border: 1px #fda305 solid;
}

ul.works_image li a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

/* PageTopボタン */
.top_button{
	width:75px;
	position:relative;
	margin-left:465px;
}

/* フッター */
footer{
	position:relative;
	top:30px;
	width:830px;
	height:34px;
	background:url(image/footer.jpg) no-repeat;
	padding-top:11px;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
}

body.error404 footer{
	top:0;
}

/* 404エラーページ　*/
body.error404 #page-content{
	position:relative;
	top:0;
	width:780px;
	margin: 0 auto;
}

body.error404 h2{
	font-size: 20px;
	text-align: center;
	margin-top: 100px;
	margin-bottom: 20px;
}

.error-comment{
	text-align: center;
} 

.error-image{
	width:536px;
	text-align: center;
	margin: 50px auto 0;
}
	
.error-image img{
	width:100%;
	height: auto;
}	

.button_home{
	position: relative;
	width:780px;
	margin: 150px auto 0;
}

.button_home img{
	width:200px;
	height: 45px;
	float: right;
}

/* 行間 */
.mt80{
	margin-top: 80px;
}

.mt150{
	margin-top: 150px;
}

/*-----------------------
	PC非表示設定
-----------------------*/
header#header_sp,
#main-image_sp,
footer#footer_sp{
	display: none;		
}
	
	
}