@charset "utf-8";

/* -----------------------------------------------------------
	Reset
----------------------------------------------------------- */
@import url("reset.css");


/* -----------------------------------------------------------
	Basic Settings
----------------------------------------------------------- */
body{
}

.clear{
	clear:both;
}

.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb45{margin-bottom:45px;}
.ml10{margin-left:10px;}

.red{color:#f00;}

/* -----------------------------------------------------------
	TOP PAGE
----------------------------------------------------------- */
div#bg_top_repeat{
	background:url(../img/bg_top_repeat.gif) repeat-x top;
}

div#bg_top{
	width:900px;
	margin:0 auto;
	padding:140px 50px 0 50px;
	background:url(../img/bg_top.jpg) top no-repeat;
}

div#bg_news{
	padding:15px;
	width:680px;
	background:url(../img/bg_news.png) bottom repeat-x;
}

div#bg_news p.news{
	font-size:12px;
	line-height:19px;
	color:#505050;
	margin-bottom:8px;
}

div#bg_news p.check{
	font-size:14px;
	color:#505050;
	text-align:right;
}

div#bg_news p.check a{
	color:#001fba;
}

ul#topnavi{
	padding-top:25px;
	overflow:hidden;
}

ul#topnavi li{
	float:left;
	display:inline;
}

ul#topnavi li.navi_01{
	padding-top:45px;
}

ul#topnavi li.navi_02{
	padding-top:41px;
}

ul#topnavi li.navi_03{
	padding-top:21px;
}

ul#topnavi li.navi_05{
	padding-top:59px;
}

ul#topnavi li.navi_06{
	padding-top:30px;
}
ul#topnavi li.navi_02,
ul#topnavi li.navi_03,
ul#topnavi li.navi_04,
ul#topnavi li.navi_05,
ul#topnavi li.navi_06{
	margin-left:10px;
}

/* -----------------------------------------------------------
	Header
----------------------------------------------------------- */
div#header{
	height:139px;
	text-align:center;
	background:url(../img/bg_header.jpg) repeat-x;
}

/* -----------------------------------------------------------
	Global Navigation
----------------------------------------------------------- */


/* -----------------------------------------------------------
	Main
----------------------------------------------------------- */
div#main{
	width:900px;
	overflow:hidden;
	margin:0 auto 50px auto;
}

/* -----------------------------------------------------------
	Contents
----------------------------------------------------------- */
div#contents{
	width:710px;
	float:right;
}

/* inner */
div#contents div.inner_andmore,
div#contents div.inner_works,
div#contents div.inner_exhibition,
div#contents div.inner_link{
	width:680px;
	margin:0 auto 30px auto;
}

div#contents div.inner_andmore p,
div#contents div.inner_works p,
div#contents div.inner_exhibition p,
div#contents div.inner_link p{
	font-size:12px;
	line-height:19px;
	color:#505050;
	margin-bottom:2em;
}

/* about */
div.bg_about_01{
	width:710px;
	background:url(../img/bg_about_01.jpg) right top no-repeat;
}

div.bg_about_01 p{
	width:680px;
	margin:0 auto;
	font-size:14px;
	line-height:21px;
	color:#505050;
}

div.bg_about_01 h2{
	margin:40px 0 0 0;
}

div.bg_about_01 h3{
	width:680px;
	margin:20px auto 5px auto;
}

div.bg_about_02{
	width:674px;
	height:451px;
	padding:0 18px;
	background:url(../img/bg_about_02.jpg) no-repeat;
}

div.bg_about_02 p{
	font-size:12px;
	line-height:19px;
	color:#505050;
}

div.bg_about_02 p.txt_01{
	padding-top:90px;
}

div.bg_about_02 p.txt_02{
	padding-top:45px;
}

/* profile */
div#profile_box{
	width:600px;
	margin:15px auto;
	overflow:hidden;
}

div#profile_box div.left{
	width:255px;
	float:left;
}

div#profile_box div.right{
	width:300px;
	float:right;
}

div#profile_box div.right p{
	font-size:12px;
	line-height:19px;
	color:#505050;
}


/* link */
div#link_wrap{
	overflow:hidden;
}

ul#link_01 a,
ul#link_02 a{
	color:#505050;
	text-decoration:none;
}

ul#link_01 a:hover,
ul#link_02 a:hover{
	text-decoration:underline;
}

ul#link_01 li,
ul#link_02 li{
	font-size:12px;
	margin-bottom:1.5em;
}

ul#link_01{
	width:340px;
	float:left;
	display:inline;
	margin-left:15px;
}

ul#link_02{
	width:340px;
	float:left;
	display:inline;
}

/* exhibition */
ul#exhibition_navi_01{
	width:420px;
	margin:0 auto 15px auto;
	overflow:hidden;
}

ul#exhibition_navi_01 li.navi_01{
	float:left;
}

ul#exhibition_navi_01 li.navi_02{
	float:right;
}

ul#exhibition_navi_02{
	width:702px;
	margin:0 auto 25px auto;
	overflow:hidden;
}

ul#exhibition_navi_02 li{
	float:left;
	display:inline;
}

ul#exhibition_navi_02 li.navi_02,
ul#exhibition_navi_02 li.navi_03,
ul#exhibition_navi_02 li.navi_04,
ul#exhibition_navi_02 li.navi_05{
	margin-left:10px;
}

/* works(共通) */
ul#works_footnavi{
	overflow:hidden;
}

ul#works_footnavi li{
	width:231px;
	float:left;
	margin-bottom:10px;
}

ul#works_footnavi li.ml_08{
	margin-left:8px;
}

ul#works_footnavi li img{
	vertical-align:top;
}

div#works_kujira_navi{
	width:710px;
	background:url(../img/bg_works_kujira_navi.jpg);
	height:162px;
	overflow:hidden;
	margin-bottom:30px;
}

div#works_kujira_navi ul{
	width:655px;
	margin:0 auto;
	padding-top:10px;
}

div#works_kujira_navi ul li{
	float:left;
	display:inline;
	margin-bottom:5px;
}

div#works_description{
	width:650px;
	margin:0 auto 15px auto;
}

div#works_description p{
	font-size:12px;
	color:#323232;
	line-height:18px;
}

/* works(クジラ) */
div.works_zatou_itembox{
	width:710px;
	margin-bottom:30px;
	overflow:hidden;
}

div.works_zatou_itembox div.left{
	width:420px;
	float:left;
}

div.works_zatou_itembox div.right{
	width:290px;
	float:left;
}

div.works_zatou_itembox div.right h2{
	font-size:20px;
	font-weight:bold;
	margin-bottom:7px;
}

div.works_zatou_itembox div.right p{
	font-size:12px;
	color:#323232;
	line-height:22px;
}

div.works_zatou_itembox div.right p.caution{
	color:#787878;
	margin-bottom:15px;
}

div.works_zatou_itembox div.right ul{
	width:290px;
	overflow:hidden;
}

div.works_zatou_itembox div.right ul li{
	width:70px;
	font-size:10px;
	display:inline;
	float:left;
	color:#323232;
}

div.works_zatou_itembox div.right ul li img{
	margin-top:3px;
}

/* works(波) */
div.bg_nami_tsuki_01{
	width:710px;
	background:url(../img/bg_works_nami_01.jpg) top center no-repeat;
	overflow:hidden;
	margin-bottom:30px;
}

div.bg_nami_tsuki_01 ul.desc_01{
	width:660px;
	padding-top:206px;
	margin:0 auto 25px auto;
	overflow:hidden;
}

div.bg_nami_tsuki_01 ul.desc_01 li{
	font-size:12px;
	line-height:19px;
	color:#505050;
	width:160px;
	float:left;
}

div.bg_nami_tsuki_01 ul.desc_01 li span{
	font-size:14px;
}

div.bg_nami_tsuki_01 ul.desc_02{
	overflow:hidden;
	margin-left:160px;
}

div.bg_nami_tsuki_01 ul.desc_02 li span{
	font-size:14px;
}


div.bg_nami_tsuki_01 ul.desc_02 li{
	font-size:12px;
	line-height:19px;
	color:#505050;
	float:left;
	display:inline;
}

div.bg_nami_tsuki_01 ul.desc_02 li.ml30{
	margin-left:30px;
}

ul#works_nami_items{
	width:710px;
	overflow:hidden;
}

ul#works_nami_items li{
	float:left;
	display:inline;
	margin-bottom:30px;
}

ul#works_nami_items li img{
	vertical-align:top;
}

/* works(しずく) */
div.bg_works_shizuku_01{
	width:710px;
	height:250px;
	background:url(../img/bg_works_shizuku_01.jpg) top no-repeat;
}

div.bg_works_shizuku_01 p{
	font-size:12px;
	line-height:19px;
	color:#505050;
	padding:105px 0 0 460px;
}

div.bg_works_shizuku_01 p span{
	font-size:14px;
}

div.bg_works_shizuku_02{
	width:710px;
	height:357px;
	background:url(../img/bg_works_shizuku_02.jpg) top no-repeat;
}

div.bg_works_shizuku_02 p{
	font-size:12px;
	line-height:19px;
	color:#505050;
	padding:25px 0 0 360px;
}

div.bg_works_shizuku_02 p span{
	font-size:14px;
}

div.bg_works_shizuku_03{
	width:710px;
	overflow:hidden;
	margin-bottom:50px;
}

div.bg_works_shizuku_03 div.image{
	width:361px;
	float:left;
}

div.bg_works_shizuku_03 div.desc{
	width:341px;
	padding-top:115px;
	float:right;
}

div.bg_works_shizuku_03 div.desc p{
	font-size:12px;
	line-height:20px;
	color:#505050;
}

div.bg_works_shizuku_03 div.desc p span{
	font-size:14px;
}
/* works(波と月) */
ul.works_nami_tsuki{
	width:385px;
	margin:0 auto;
	text-align:center;
	font-size:14px;
	color:#505050;
}

ul.works_nami_tsuki li{
	margin-bottom:40px;
}


/* works(seagrass) */
div#seagrass_box_01{
	width:680px;
	margin:0 auto 80px auto;
	overflow:hidden;
}

div#seagrass_box_01 p{
	padding-top:10px;
	font-size:12px;
	line-height:18px;
	color:#505050;
}

div#seagrass_box_01 p span{
	padding:10px 0;
	font-size:14px;
	font-weight:bold;
}

div#seagrass_box_01 div.left{
	width:458px;
	float:left;
}

div#seagrass_box_01 div.left p{
	padding-left:150px;
}


div#seagrass_box_01 div.right{
	width:200px;
	padding-top:50px;
	float:right;
}

div#seagrass_box_02{
	width:370px;
	margin:0 auto 80px auto;
	overflow:hidden;
	font-size:12px;
	color:#505050;
}

div#seagrass_box_02 div.left{
	float:left;
}

div#seagrass_box_02 div.right{
	float:right;
}

/* works(postcard) */
div.img_works_postcard{
	margin-bottom:80px;
}

/* mail */
table#contact_form{
	width:530px;
	margin-left:25px;
	border-collapse:collapse;
}

table#contact_form th{
	width:100px;
	font-size:14px;
	color:#505050;
	padding:0 15px 15px 0;
	vertical-align:top;
}

table#contact_form td{
	padding-bottom:15px;
	vertical-align:top;
}

table#contact_form td input.name{
	width:255px;
	border:1px solid #6e6e6e;
}

table#contact_form td input.email,
table#contact_form td input.title{
	width:400px;
	border:1px solid #6e6e6e;
}

table#contact_form td textarea{
	width:400px;
	border:1px solid #6e6e6e;
}

table#contact_form th span{
	color:#f00;
}

div.bg_mail_01{
	width:709px;
	height:414px;
	padding-top:25px;
	text-align:center;
	background:url(../img/bg_mail_01.jpg) no-repeat;
}

h2.order_txt_01{
	font-size:18px;
	color:#505050;
	margin-bottom:5px;
}

h2.order_txt_01 span{
	font-size:14px;
	color:#f00;
	margin-bottom:5px;
}

p.order_txt_02{
	font-size:14px;
	line-height:1.3;
	color:#505050;
	margin-bottom:20px;
}

div.order_wrap{
	width:660px;
	margin:0 auto;
}

div.order_inner{
	width:526px;
	margin:0 auto 30px auto;
	font-size:14px;
	line-height:1.3;
	color:#505050;
}

div.order_inner div.order_01{
	width:526px;
	height:93px;
	background:url(../img/bg_order_01.gif) no-repeat;
}

div.order_inner div.order_01 p{
	padding:12px 0 0 35px;
}

div.order_inner div.order_02{
	width:526px;
	height:111px;
	background:url(../img/bg_order_02.gif) no-repeat;
}

div.order_inner div.order_02 p{
	padding:12px 0 0 35px;
}

div.order_inner div.order_03{
	width:526px;
	height:80px;
	background:url(../img/bg_order_03.gif) no-repeat;
}

div.order_inner div.order_03 p{
	padding:14px 0 0 35px;
}

div.order_inner div.order_04{
	width:526px;
	height:80px;
	background:url(../img/bg_order_04.gif) no-repeat;
}

div.order_inner div.order_04 p{
	padding:14px 0 0 35px;
}

div.order_inner div.order_05{
	width:526px;
	height:46px;
	background:url(../img/bg_order_05.gif) no-repeat;
}

div.order_inner div.order_05 p{
	padding:14px 0 0 35px;
}

div.btn_orderform{
	padding-top:20px;
	text-align:center;
}

p.order_txt_03{
	font-size:14px;
	line-height:1.3;
	color:#f00;
	padding:10px 0 0 30px;
	margin-bottom:30px;
}

ul.navi_order{
	width:710px;
	overflow:hidden;
	margin-bottom:20px;
}

ul.navi_order li{
	float:left;
	margin-bottom:10px;
	display:inline;
}

ul.navi_order li.ml19{
	margin-left:19px;
}

div.order_form{
	width:650px;
	margin:0 auto 20px auto;
	padding-top:20px;
	border-top:1px solid #aaa;
}

/* ポップアップ */
div.bg_kujira_yubiwa{
	width:533px;
	padding-bottom:30px;
	background:url(../img/bg_kujira_yubiwa_popup.gif) bottom no-repeat;
}

div.bg_kujira_yubiwa dl{
	width:501px;
	margin-left:12px;
	overflow:hidden;
	font-size:12px;
}

div.bg_kujira_yubiwa dl .gray{
	background:#f5f5f5;
}

div.bg_kujira_yubiwa dt{
	width:160px;
	padding:5px 0;
	color:#00f;
	float:left;
	text-align:right;
}

div.bg_kujira_yubiwa dd{
	width:330px;
	padding:5px 0 5px 10px;
	margin-left:160px;
}

div.bg_nami_yubiwa{
	width:540px;
	padding-bottom:30px;
	background:url(../img/bg_nami_yubiwa_popup.gif) bottom no-repeat;
}

div.bg_nami_yubiwa dl{
	width:501px;
	margin-left:12px;
	overflow:hidden;
	font-size:12px;
}

div.bg_nami_yubiwa dl .gray{
	background:#f5f5f5;
}

div.bg_nami_yubiwa dt{
	width:160px;
	padding:5px 0;
	color:#00f;
	float:left;
	text-align:right;
}

div.bg_nami_yubiwa dd{
	width:330px;
	padding:5px 0 5px 10px;
	margin-left:160px;
}

div.bg_shizuku{
	width:623px;
	padding-bottom:30px;
	background:url(../img/bg_shizuku_popup.gif) bottom no-repeat;
}

div.bg_shizuku dl{
	width:592px;
	margin-left:12px;
	overflow:hidden;
	font-size:12px;
}

div.bg_shizuku dl .gray{
	background:#f5f5f5;
}

div.bg_shizuku dt{
	width:255px;
	padding:5px 0;
	color:#00f;
	float:left;
	text-align:right;
}

div.bg_shizuku dd{
	width:327px;
	padding:5px 0 5px 10px;
	margin-left:255px;
}

div.bg_nami_tsuki{
	width:636px;
	padding-bottom:30px;
	background:url(../img/bg_nami_tsuki_popup.gif) bottom no-repeat;
}

div.bg_nami_tsuki dl{
	width:601px;
	margin-left:12px;
	overflow:hidden;
	font-size:12px;
}

div.bg_nami_tsuki dl .gray{
	background:#f5f5f5;
}

div.bg_nami_tsuki dt{
	width:255px;
	padding:5px 0;
	color:#00f;
	float:left;
	text-align:right;
}

div.bg_nami_tsuki dd{
	width:336px;
	padding:5px 0 5px 10px;
	margin-left:255px;
}

div.bg_seagrass{
	width:636px;
	padding-bottom:30px;
	background:url(../img/bg_seagrass_popup.gif) bottom no-repeat;
}

div.bg_seagrass dl{
	width:601px;
	margin-left:12px;
	overflow:hidden;
	font-size:12px;
}

div.bg_seagrass dl .gray{
	background:#f5f5f5;
}

div.bg_seagrass dt{
	width:320px;
	padding:5px 0;
	color:#00f;
	float:left;
	text-align:right;
}

div.bg_seagrass dd{
	width:271px;
	padding:5px 0 5px 10px;
	margin-left:320px;
}

table.order_headline{
	font-size:12px;
	line-height:1.3;
}

table.order_headline td{
	font-size:12px;
	vertical-align:top;
}

table.order_headline td.title{
	font-size:16px;
	color:#505050;
	padding:2px 8px 0 25px;
}

table.order_headline td.examples{
	padding-right:8px;
}

table.order_headline td.caution{
	color:#f00;
}

table.form_table{
	margin-top:30px;
	font-size:12px;
	color:#505050;
}

table.form_table td{
	padding:7px;
}

table.form_table td span{
	color:#f00;
}

table.form_table td input.name{
	padding:3px;
	width:130px;
	border:1px solid #000;
}

table.form_table td input.large_txt_form{
	padding:3px;
	width:400px;
	border:1px solid #000;
}

table.form_table td input.medium_txt_form{
	padding:3px;
	width:230px;
	border:1px solid #000;
}

table.form_table td input.short_txt_form{
	padding:3px;
	width:50px;
	border:1px solid #000;
}

table.form_table td input.button{
	padding:3px;
}

table.form_table td textarea{
	padding:3px;
	width:400px;
	border:1px solid #000;
}

p.order_txt_04{
	font-size:14px;
	color:#505050;
	text-align:center;
}

/* -----------------------------------------------------------
	Sidebar
----------------------------------------------------------- */
div#sidebar{
	width:160px;
	float:left;
}

div#sidebar img{
	vertical-align:top;
}

/* -----------------------------------------------------------
	Footer
----------------------------------------------------------- */
div#footer{
	padding:15px 0;
	font-size:12px;
	text-align:center;
	background:#bebebe;
}