@charset "Shift_JIS";

@import "reset.css";

/*
=======================================
タグ設定
=======================================
*/

h1
{
	width: 760px ;
	height: 14px ;
	color: #666666 ;
	font-size: 10px ;
	font-weight: normal ;
	margin: 0 ;
	padding: 2px ;
}

h1 a:link,
h1 a:visited,
h1 a:active,
h1 a:hover
{
    color: #666666 ;
    text-decoration: none ;
}

h2
{
	width: auto ;
	height: 20px ;
	clear: both ;
	color: #666666 ;
	font-size: 13px ;
	font-weight: 800 ;
	text-align:left ;
	border-bottom: 1px solid ;
	border-color: #666666 ;
	margin: 15px 0 0 0 ;
}

h2 a:link,
h2 a:visited
{
    color: #666666 ;
	font-weight: 800 ;
    text-decoration: none ;
}

h2 a:active,
h2 a:hover
{
    color: #999999 ;
	font-weight: 800 ;
    text-decoration: none ;
}

h3
{
	width: auto ;
	height: 20px ;
	clear: both ;
	color: #666666 ;
	font-size: 13px ;
	font-weight: 800 ;
	text-align:left ;
	border-bottom: 1px solid ;
	border-color: #666666 ;
	margin: 15px 0 0 0 ;
}

h3 a:link,
h3 a:visited
{
    color: #666666 ;
	font-weight: 800 ;
    text-decoration: none ;
}

h3 a:active,
h3 a:hover
{
    color: #999999 ;
	font-weight: 800 ;
    text-decoration: none ;
}

h4
{
	color: #666666 ;
	font-size: 12px ;
	font-weight: 800 ;
	text-align:left ;
	margin: 0 ;
}

h4 a:link,
h4 a:visited
{
    color: #666666 ;
	font-weight: 800 ;
    text-decoration: none ;
}

h4 a:active,
h4 a:hover
{
    color: #999999 ;
	font-weight: 800 ;
    text-decoration: underline ;
}
	   
p
{
	color: #999999 ;
	font-size: 9px ;
	font-weight: normal ;
	text-align: justify ;
	margin: 0 ;
}

p a:link,
p a:visited,
p a:active,
p a:hover
{
    color: #666666 ;
    text-decoration: underline ;
}

li a:link,
li a:visited
{
    color: #666666;
    text-decoration: none;
}

li a:active,
li a:hover
{
    color: #666666;
    text-decoration: underline;
}

dl
{
	color: #999999 ;
	font-size: 9px ;
	font-weight: normal ;
	text-align: justify ;
}

dd
{
	margin: 0 0 20px 0 ;
}
   
em
{
	color: #FF0000 ;
	font-size: 1em ;
	font-weight: 800 ;
	font-style: normal ;
	margin: 0 ;
}

strong
{
	color: #999999 ;
	font-size: 1em ;
	font-weight: normal ;
}

strong a:link,
strong a:visited
{
    color: #666666;
    text-decoration: underline;
}

strong a:active,
strong a:hover
{
    color: #666666;
    text-decoration: none;
}

/* メールフォーム用設定 */
form
{
	color: #999999 ;
	font-size: 12px ;
	font-weight: normal ;
	text-align: left ;
	margin: 0;
}

.form_box
{
	width: 400px ;
	height: auto ;
	text-align: center ;
	margin: 0 59px 0 59px ;
}

.input_word
{
	width: 390px ;
	height: 14px ;
	color: #999999 ;
	font-size: 9px ;
	font-weight: normal ;
	text-align: left ;
	background-color: transparent ;
	border: 1px solid ;
	border-color: #666666 ;
	margin: 0 ;
	padding: 2px ;
}

.input_text
{
	width: 390px ;
	height: 300px ;
	color: #999999 ;
	font-size: 9px ;
	font-weight: normal ;
	text-align: left ;
	background-color: transparent ;
	border: 1px solid ;
	border-color: #666666 ;
	margin: 0 ;
	padding: 2px ;
}

.input_submit
{
	width: 150px ;
	height: 20px ;
	color: #999999 ;
	font-size: 1em ;
	font-weight: 800 ;
	text-align: center ;
	background-color: #000000 ;
	border: 1px solid ;
	border-color: #666666 ;
	margin: 10px 0 10px 125px ;
}

.input_button
{
	width: 80px ;
	height: 20px ;
	color: #999999 ;
	font-size: 1em ;
	font-weight: 800 ;
	text-align: center ;
	background-color: #000000 ;
	border: 1px solid ;
	border-color: #666666 ;
	margin: 0 5px ;
}

/*
=======================================
外枠領域
=======================================
*/
#wrapper
{
	width: 760px ;
	height: auto ;
	margin: 0 auto ;
}

/*
=======================================
ヘッダ領域
=======================================
*/ 
#header
{
	width: 760px ;
	height: 180px ;
	float: left ;
	background-color: #000000 ;
	background-image: url(../img/header_img.jpg) ;
	background-position: right top ;
	background-repeat: no-repeat ;
	margin: 0 ;
}

/* サイトロゴ画像用 */
.header_rogo
{
	width: 180px ;
	height: 180px ;
	float: left ;
	margin: 0 ;
}

/* サイトマップ・アバウト用ナビ */	   
.header_navi
{
	width: 560px ;
	float: right ;
	color: #666666 ;
	font-size: 12px ;
	font-weight: 800 ;
	text-align: right ;
	margin: 0 ;
	padding: 160px 15px 0 0 ;
}
	   
.header_navi a:link,
.header_navi a:visited
{
    color: #666666;
	font-weight: 800 ;
    text-decoration: none;
}

.header_navi a:active,
.header_navi a:hover
{
    color: #666666;
	font-weight: 800 ;
    text-decoration: underline;
}

.header_navi li
{
	list-style-type: none ;
	display: inline ;
}

/*
=======================================
コンテンツ枠
=======================================
*/   
#contents
{
	width: 760px ;
	height: auto ;
	clear: both ;
	background-color: #000000 ;
	margin: 0 ;
}

/*
=======================================
メニュー領域
=======================================
*/   
#menu
{
	width: 180px ;
	height: auto ;
	float: left ;
	background-color: #000000 ;
	margin: 0 ;
}

/* サブコンテンツ用 */
.navi_space
{
	width: 180px ;
	height: auto ;
	list-style-type: none ;
	margin: 0 ;
}

.navi_01 a
{
	width: 180px ;
	height: 40px ;
	text-indent: -9999px ;
	background-image: url(../img/gallery01.gif);
	background-repeat: no-repeat ;
	margin: 0 ;
	display: block ;
	outline: 0 ;
}

.navi_01 a:hover
{
	background-image: url(../img/gallery02.gif);
	background-repeat: no-repeat ;
}

.navi_02 a
{
	width: 180px ;
	height: 40px ;
	text-indent: -9999px ;
	background-image: url(../img/works01.gif);
	background-repeat: no-repeat ;
	margin: 0 ;
	display: block ;
	outline: 0 ;
}

.navi_02 a:hover
{
	background-image: url(../img/works02.gif);
	background-repeat: no-repeat ;
}

.navi_03 a
{
	width: 180px ;
	height: 40px ;
	text-indent: -9999px ;
	background-image: url(../img/profile01.gif);
	background-repeat: no-repeat ;
	margin: 0 ;
	display: block ;
	outline: 0 ;
}

.navi_03 a:hover
{
	background-image: url(../img/profile02.gif);
	background-repeat: no-repeat ;
}

.navi_04 a
{
	width: 180px ;
	height: 40px ;
	text-indent: -9999px ;
	background-image: url(../img/blog01.gif);
	background-repeat: no-repeat ;
	margin: 0 ;
	display: block ;
	outline: 0 ;
}

.navi_04 a:hover
{
	background-image: url(../img/blog02.gif);
	background-repeat: no-repeat ;
}

.navi_05 a
{
	width: 180px ;
	height: 40px ;
	text-indent: -9999px ;
	background-image: url(../img/store01.gif);
	background-repeat: no-repeat ;
	margin: 0 ;
	display: block ;
	outline: 0 ;
}

.navi_05 a:hover
{
	background-image: url(../img/store02.gif);
	background-repeat: no-repeat ;
}

.navi_06 a
{
	width: 180px ;
	height: 40px ;
	text-indent: -9999px ;
	background-image: url(../img/contact01.gif);
	background-repeat: no-repeat ;
	margin: 0 ;
	display: block ;
	outline: 0 ;
}

.navi_06 a:hover
{
	background-image: url(../img/contact02.gif);
	background-repeat: no-repeat ;
}

.navi_07 a
{
	width: 180px ;
	height: 40px ;
	text-indent: -9999px ;
	background-image: url(../img/link01.gif);
	background-repeat: no-repeat ;
	margin: 0 ;
	display: block ;
	outline: 0 ;
}

.navi_07 a:hover
{
	background-image: url(../img/link02.gif);
	background-repeat: no-repeat ;
}

.navi_08 a
{
	width: 180px ;
	height: 40px ;
	text-indent: -9999px ;
	background-image: url(../img/old_site01.gif);
	background-repeat: no-repeat ;
	margin: 0 ;
	display: block ;
	outline: 0 ;
}

.navi_08 a:hover
{
	background-image: url(../img/old_site02.gif);
	background-repeat: no-repeat ;
}

.contents_list
{
	text-align: left ;
	margin: 0 20px  ;
	color: #666666 ;
	font-size: 12px ;
	font-weight: normal ;
	list-style-type: disc ;
	list-style-position: inside ;
}

.contents_list a:link,
.contents_list a:visited
{
    color: #666666;
    text-decoration: none;
}

.contents_list a:active,
.contents_list a:hover
{
    color: #666666;
    text-decoration: underline;
}

/* 広告・宣伝用 */	   
#intro
{
	width: 160px ;
	height: auto ;
	color: #999999 ;
	font-size: 12px ;
	font-weight: normal ;
	text-align: center ;
	margin: 5px 10px ;
}	
	   
.intro_img
{
	margin: 10px 0 ;
}

.intro_text
{
	color: #999999 ;
	font-size: 9px ;
	font-weight: normal ;
	text-align: justify ;
	margin: 5px 0 0 0 ;
}

/*
=======================================
メイン領域
=======================================
*/
#main
{
	width: 578px ;
	height: auto ;
	float: right ;
	border: 1px solid #000000 ;
	border-top: 5px solid #000000 ;
	background-color: #141414 ;
	margin: 0 ; 
}

/* メイン領域骨組み */
#frame
{
	width: 548px ;
	height: auto ;
	min-height: 750px ;
	float: left ;
	margin: 0 15px ;
	display: inline ;
}

/* 骨組みの角丸画像用 */
.frame_top
{
	width: 578px ;
	margin: 0 ;
}
 
.frame_bottom
{
	width: 578px ;
	clear: both ;
	margin: 0 ;
}

/* １段組み用フレーム */
#s_frame
{
	width: 548px ;
	height: auto ;
	margin: 0 ;
}

/* ２段組み用フレーム */
#w_frame01
{
	width: 358px ;
	height: auto ;
	float: left ;
	margin: 0 ;
}

#w_frame02
{
	width: 170px ;
	height: auto ;
	float: right ;
	border-left: 1px solid ;
	border-color: #000000 ;
	margin: 0 ;
	padding: 0 0 0 10px ;
}

/* 背景なしボックス */
.none_box
{
	width: 518px ;
	height: auto ;
	margin: 0 ;
	padding: 15px ;
}

/* 通常のボックス */
.normal_box
{
	width: 518px ;
	height: auto ;
	background-image: url(../images/box_bg_50.jpg) ;
	background-position: bottom ;
	background-repeat: repeat-x ;
	margin: 0 ;
	padding: 15px ;
}

/* 縦長ボックス */
.long_box
{
	width: 518px ;
	height: auto ;
	background-image: url(../images/box_bg.jpg) ;
	background-position: bottom ;
	background-repeat: repeat-x ;
	margin: 0 ;
	padding: 15px ;
}

/* ハーフボックス */
.half_box
{
	width: 328px ;
	height: auto ;
	background-image: url(../images/box_bg.jpg) ;
	background-position: bottom ;
	background-repeat: repeat-x ;
	margin: 0 ;
	padding: 15px ;
}

/* インフォメーション用ボックス */
.infomation_box
{
	width: 328px ;
	height: auto ;
	background-image: url(../images/box_bg.jpg) ;
	background-position: bottom ;
	background-repeat: repeat-x ;
	margin: 0 ;
	padding: 5px 15px 15px 15px ;
}

.infomation_text
{
	color: #999999 ;
	font-size: 9px ;
	font-weight: normal ;
	margin: 10px 0 0 0 ;
}

.infomation_img
{
	width: 145px ;
	height: auto ;
	float: left ;
	margin: 0 15px 0 0 ;
}

/* 更新履歴用ボックス */
.record_box
{
	width: 328px ;
	height: 150px ;
	color: #999999 ;
	font-size: 9px ;
	font-weight: normal ;
	text-align: left ;
	overflow: auto ;
	margin: 10px 0 ;
	padding: 5px 15px ;
}

.record_box a:link,
.record_box a:visited
{
    color: #666666;
    text-decoration: none;
}

.record_box a:active,
.record_box a:hover
{
    color: #666666;
    text-decoration: underline;
}

/* 新作（ギャラリー）用ボックス */
.newimage_box
{
	width: 140px ;
	height: auto ;
	color: #999999 ;
	font-size: 9px ;
	text-align:center ;
	margin: 0 ;
	padding: 15px ;
}

.newimage_img
{
	width: 120px ;
	height: 160px ;
	margin: 5px 10px ;
}

/* 新作（アイテム）用ボックス */
.newitems_box
{
	width: 140px ;
	height: auto ;
	color: #999999 ;
	font-size: 9px ;
	text-align:center ;
	margin: 0 ;
	padding: 15px ;
}

.newitems_img
{
	width: 120px ;
	height: 120px ;
	border: 1px solid ;
	border-color: #ffffff ;
	margin: 9px ;
}

/* ギャラリーリスト用ボックス */
.gallerylist_box
{
	width: 528px ;
	height: 56px ;
	background-image: url(../images/box_bg_50.jpg) ;
	background-position: bottom ;
	background-repeat: repeat-x ;
	margin: 10px ;
}

.gallerylist_img
{
	width: 240px ;
	height: 56px ;
	float: left ;
	border: 1px solid ;
	border-color: #000000 ;
	margin: 0 ;
}

.gallerylist_text
{
	width: 255px ;
	height: auto ;
	float: right ;
	color: #999999 ;
	font-size: 9px ;
	font-weight: normal ;
	text-align: justify ;
	margin: 0 ;
	padding: 15px ;
}

/* プロフィール用テキスト */
.profile_text01
{
	width: 114px ;
	float: left ;
	color: #999999 ;
	font-size: 9px ;
	line-height: 200% ;
	text-align: left ;
	margin: 0 ;
}

.profile_text02
{
	width: 190px ;
	float: left ;
	color: #999999 ;
	font-size: 9px ;
	line-height: 200% ;
	text-align: left ;
	margin: 0 ;
}

.profile_text03
{
	width: 214px ;
	float: right ;
	color: #999999 ;
	font-size: 9px ;
	margin: 0 ;
}

/* ギャラリー用ボックス */
.gallery_box
{
	width: 120px ;
	height: auto ;
	float: left ;
	color: #999999 ;
	font-size: 9px ;
	text-align: center ;
	margin: 0 ;
	padding: 0 4.5px 15px 4.5px ;
}

.gallery_img
{
	width: 120px ;
	height: 160px ;
	margin: 0 0 5px 0 ;
}

/* ストア用カテゴリーリスト */
.shop_list
{
	font-size: 9px ;
	font-weight: normal ;
	text-align: left ;
	list-style-type: none ;
	display: inline ;
}

/* ストア用ボックス */
.store_box
{
	width: 230px ;
	height: 120px ;
	float: left ;
	color: #999999 ;
	font-size: 9px ;
	text-align: left ;
	background-image: url(../images/box_bg.jpg) ;
	background-position: bottom ;
	background-repeat: repeat-x ;
	margin: 0 3px 10px 3px ;
	padding: 10px ;
}

.item_img
{
	width: 120px ;
	height: 120px ;
	float: left ;
	margin: 0 10px 0 0 ;
}

/* アイテム詳細ボタン */
.detail_button
{
	width: 30px ;
	height: 12px ;
	float: left ;
	background-color: #000000 ;
	border: 1px solid ;
	border-color: #666666 ;
	color: #FFFFFF ;
	text-align: center ;
	margin: 5px 0 0 0 ;
}

.detail_button a:link,
.detail_button a:visited
{
	width: 30px ;
	height: 12px ;
	float: left ;
	color: #FFFFFF;
    text-decoration: none;
}

.detail_button a:active,
.detail_button a:hover
{
	width: 30px ;
	height: 12px ;
	float: left ;
	color: #FFFFFF ;
    text-decoration: none;
	background-color: #141414 ;
}

/* ワークス用イメージ */
.works_img
{
	width: 150px ;
	height: 195px ;
	float: left ;
	margin: 0 15px 0 0 ;
}

.qr_img
{
	width: 100px ;
	height: 100px ;
	float: right ;
	margin: 0 0 0 15px ;
}

/* バナー設定 */
.banner_img
{
	float: left ;
	margin: 0 7px 0 5px ;
}

.img
{
	float: left ;
	margin: 0 15px 10px 0 ;
}

.banner_text
{
	color: #999999 ;
	font-size: 9px ;
	font-weight: normal ;
	text-align: left ;
	margin: 20px 0 0 0 ;
}

/* サイトマップ設定 */
.sitemap_list
{
	width: 100px ;
	height: auto ;
	float: left ;
	color: #999999 ;
	font-size: 9px ;
	font-weight: normal ;
	text-align: left ;
}

.sitemap_text
{
	width: 207px ;
	height: auto ;
	float: right ;
	color: #999999 ;
	font-size: 9px ;
	font-weight: normal ;
	text-align: left ;
	border-left: 1px solid ;
	border-color: #000000 ;
	margin: 0 0 0 10px ;
	padding: 0 0 0 10px ;
}

/* パンくず設定 */
.topic_list
{
	color: #666666 ;
	font-size: 12px ;
	font-weight: normal ;
	text-align:left ;
	margin: 0 ;
}

.topic_list a:link,
.topic_list a:visited
{
    color: #666666;
    text-decoration: none;
}

.topic_list a:active,
.topic_list a:hover
{
    color: #666666;
    text-decoration: underline;
}

/*
=======================================
フッタ領域
=======================================
*/  
#footer
{
	width: 760px ;
	height: 100px ;
	clear: both ;
	background-color: #000000 ;
	color: #666666 ;
	font-size: 10px ;
	font-weight: normal ;
	text-align:center ;
	margin: 0 ;
	padding: 10px 0 0 0 ;
}
	   
#footer a:link,
#footer a:visited
{
    color: #666666;
    text-decoration: none;
}

#footer a:active,
#footer a:hover
{
    color: #666666;
    text-decoration: underline;
}

#footer ul
{
	text-align:center ;
}

#footer li
{
	list-style-type: none ;
	display: inline ;
}

/*
=======================================
ページ共通クラス設定
=======================================
*/

/* 赤文字設定 */
.text_red
{
	color: #FF0000 ;
	font-weight: normal ;
	text-align: left ;
	margin: 0 ;
 }
	   
.text_red a:link,
.text_red a:visited,
.text_red a:active,
.text_red a:hover
{
    color: #FF0000 ;
    text-decoration: underline;
}

/* 続きを読むリンク設定 */   
.more
{
	color: #666666 ;
	font-size: 12px ;
	font-weight: normal ;
	text-align:right ;
	margin: 0 ;
 }
	   
.more a:link,
.more a:visited
{
    color: #666666;
    text-decoration: none;
}

.more a:active,
.more a:hover
{
    color: #666666;
    text-decoration: underline;
}

/* 更新時間のテキスト設定 */
.time
{
	color: #666666 ;
	font-size: 9px ;
	font-weight: normal ;
	text-align:right ;
	margin: 0 ;
}

/* 強調ワード設定 */
.word
{
	color: #666666 ;
	font-size: 12px ;
	font-weight: 800 ;
	text-align: left ;
	line-height: 100% ;
	margin: 0 0 5px 0 ;
}

.word a:link,
.word a:visited
{
    color: #666666 ;
	font-weight: 800 ;
    text-decoration: none ;
}

.word a:active,
.word a:hover
{
    color: #999999 ;
	font-weight: 800 ;
    text-decoration: underline ;
}

/* ページトップへ戻る設定 */
.page_top
{
	width: auto ;
	height: 35px ;
	clear: both ;
	color: #666666 ;
	font-size: 9px ;
	font-weight: normal ;
	text-align:right ;
	line-height: 100% ;
	border-top: 1px solid ;
	border-color: #666666 ;
	margin: 10px 0 10px 0 ;
	padding: 5px 0 0 0 ;
 }
	   
.page_top a:link,
.page_top a:visited
{
    color: #666666;
    text-decoration: none;
}

.page_top a:active,
.page_top a:hover
{
    color: #666666;
    text-decoration: underline;
}

/* 罫線の設定 */
.line
{
	width: auto ;
	height: 1px ;
	clear: both ;
	font-size: 1px ;
	line-height: 100% ;
	border-bottom : 1px dotted ;
	border-color: #666666 ;
	margin: 10px 0 ;
}

/* フロートクリア */
.clear
{
	width: auto ;
	height: 0;
	clear: both ;
	font-size: 0 ;
	text-align: center ;
	line-height: 100% ;
	margin: 0 ;
	display: inline-block ;
}

/* 空白スペース */
.space
{
	width: 1px ;
	height: 1px ;
	float: left ;
	margin: 0 ;	
}

.icon
{
	vertical-align: middle ;
}

/* アイテム用カラー */
.lightpink {color: #FF99CC}
.lightyellow {color: #FFFF99}
.lightblue {color: #66CCFF}
.black {color: #000000}
.navy {color: #000066}
.white {color: #FFFFFF}
.natural {color: #FFCC99}
.pink {color: #FF33CC}
.lavender {color: #CC3399}
.red {color: #FF0000}
.purple {color: #660099}
.blue {color: #0000FF}
.green {color: #009900}
.armygreen {color: #666600}
.brightorange {color: #FF6600}
.brown {color: #663300}
.yellow {color: #FFFF00}
.charcoal {color: #333333}
.gold {color: #999933}
.healthergray {color: #666666}
.lightgreen {color: #99FF33}
.lightgray {color: #999999}
.oceanblue {color: #0099FF}
.sunyellow {color: #FFCC00}