@charset "utf-8";

/* ========================================================================== */
/* CSS for tornadotatsumaki.com */
/* Designed by Daisuke Futaki */
/* ========================================================================== */
/* ========================================================================== */
/* 共通 */
/* ========================================================================== */

body{
	margin: 0;
	padding: 0;
	background: #fff url('../images/common/bg.png') repeat-y top center;
	color: #333;
	font-family: 'ＭＳ Ｐゴシック' 'ヒラギノ角ゴ Pro W3' arial sans-serif;
	text-align: center;
}

a:link,a:visited{
	color: #008b8b;
	text-decoration: none;
}

a:hover,a:active{
	text-decoration: underline;
}

h1{
	display: none;
}

img{
	border: none;
}

hr{
	display: none;
}

.clear{
	clear: both;
	margin-top: -1em;
}


/* ========================================================================== */
/* コンテナ */
/* ========================================================================== */

.wrapper{
	margin: 0 auto;
	padding: 0 40px;
	width: 870px;
	_width: 950px;
	height: 100%;
	background: #f5f5f5;
	text-align: left;
}


/* ========================================================================== */
/* ヘッダー */
/* ========================================================================== */

.header{
	margin: 0;
	padding: 0;
}

.header p{
	margin: 0;
	padding: 65px 0;
	width: 126px;
	font-size: x-small;
	text-indent: -9999px;
	overflow: hidden;
}

.header p a{
	display: block;
	width: 126px;
	height: 38px;
	background: url('../images/common/logo.png') no-repeat top left;
}


/* ========================================================================== */
/* トップナビゲーション */
/* ========================================================================== */

.topnav{
	margin: 0 0 0 596px;
	padding: 0;
	background: #e8e8e8;
}

ul.topnav_ul{
	margin: 0 0 0 15px;
	padding: 0;
	height: 25px;
	list-style-type: none;
}

ul.topnav_ul li{
	float: left;
	margin: 0;
	padding: 0;
	height: 25px;
	font-size: x-small;
	text-indent: -9999px;
	overflow: hidden;
}

ul.topnav_ul li a{
	display: block;
	height: 25px;
}

li#topnav_li01{
	width: 55px;
	background: url('../images/common/topnav_li01.png') no-repeat 0px -25px;
}

li#topnav_li01 a{
	width: 45px;
	background: url('../images/common/topnav_li01.png') no-repeat 0px 0px;
}

li#topnav_li01 a:hover{
	background: url('../images/common/topnav_li01.png') no-repeat 0px -25px;
}

li#topnav_li02{
	width: 67px;
	background: url('../images/common/topnav_li02.png') no-repeat 0px -25px;
}

li#topnav_li02 a{
	width: 57px;
	background: url('../images/common/topnav_li02.png') no-repeat 0px 0px;
}

li#topnav_li02 a:hover{
	background: url('../images/common/topnav_li02.png') no-repeat 0px -25px;
}

li#topnav_li03{
	width: 79px;
/*	background: url('../images/common/topnav_li03.png') no-repeat 0px -25px; */
	background: url('../images/common/topnav_li03.png') no-repeat 0px 0px;
}

li#topnav_li03 a{
	width: 69px;
	background: url('../images/common/topnav_li03.png') no-repeat 0px 0px;
}

li#topnav_li03 a:hover{
	background: url('../images/common/topnav_li03.png') no-repeat 0px -25px;
}

li#topnav_li04{
	width: 52px;
/*	background: url('../images/common/topnav_li04.png') no-repeat 0px -25px; */
	background: url('../images/common/topnav_li04.png') no-repeat 0px 0px;
}

li#topnav_li04 a{
	width: 42px;
	background: url('../images/common/topnav_li04.png') no-repeat 0px 0px;
}

li#topnav_li04 a:hover{
	background: url('../images/common/topnav_li04.png') no-repeat 0px -25px;
}


/* ========================================================================== */
/* サブナビゲーション */
/* ========================================================================== */

.subnav{
	margin: 0 0 0 166px;
	padding: 0;
	background: #000;
}

ul.subnav_ul{
	margin: 0 0 0 20px;
	padding: 0;
	height: 25px;
	list-style-type: none;
}

ul.subnav_ul li{
	float: left;
	margin: 0;
	padding: 0;
	height: 25px;
	font-size: x-small;
	text-indent: -9999px;
	overflow: hidden;
}

ul.subnav_ul li a{
	display: block;
	height: 25px;
}

li#works_subnav_li01{
	width: 66px;
	background: url('../images/works/subnav_li01.png') no-repeat 0px -25px;
}

li#works_subnav_li01 a{
	width: 46px;
	background: url('../images/works/subnav_li01.png') no-repeat 0px 0px;
}

li#works_subnav_li01 a:hover{
	background: url('../images/works/subnav_li01.png') no-repeat 0px -25px;
}

li#works_subnav_li02{
	width: 89px;
	background: url('../images/works/subnav_li02.png') no-repeat 0px -25px;
}

li#works_subnav_li02 a{
	width: 69px;
	background: url('../images/works/subnav_li02.png') no-repeat 0px 0px;
}

li#works_subnav_li02 a:hover{
	background: url('../images/works/subnav_li02.png') no-repeat 0px -25px;
}

li#works_subnav_li03{
	width: 66px;
	background: url('../images/works/subnav_li03.png') no-repeat 0px -25px;
}

li#works_subnav_li03 a{
	width: 46px;
	background: url('../images/works/subnav_li03.png') no-repeat 0px 0px;
}

li#works_subnav_li03 a:hover{
	background: url('../images/works/subnav_li03.png') no-repeat 0px -25px;
}

li#works_subnav_li04{
	width: 55px;
	background: url('../images/works/subnav_li04.png') no-repeat 0px -25px;
}

li#works_subnav_li04 a{
	width: 35px;
	background: url('../images/works/subnav_li04.png') no-repeat 0px 0px;
}

li#works_subnav_li04 a:hover{
	background: url('../images/works/subnav_li04.png') no-repeat 0px -25px;
}


/* ========================================================================== */
/* コンテンツ部　共通 */
/* ========================================================================== */

.contents{
	margin: 0;
	padding: 30px 0 0 166px;
}

.component{
	margin-bottom: 30px;
	height: 1%;
}

.to_pagetop{
	padding: 10px 0 0 619px;
}

p.p_to_pagetop{
	margin: 0;
	padding: 0;
	width: 85px;
	height: 13px;
	font-size: 1px;
	text-indent: -9999px;
	overflow: hidden;
}

p.p_to_pagetop a{
	display: block;
	width: 85px;
	height: 13px;
	background: url('../images/common/to_pagetop.png') no-repeat 0px 0px;
}

p.p_to_pagetop a:hover{
	background: url('../images/common/to_pagetop.png') no-repeat 0px -13px;
}


/* ========================================================================== */
/* ホーム */
/* ========================================================================== */

.title{
	margin: 0 0 30px 0;
	height: 28px;
	overflow: hidden;
}

#contents_home h2{
	float: left;
	margin: 0;
	padding: 6px 10px 4px 10px;
	width: 528px;
	_width: 548px;
	background-color: #e8e8e8;
	color: #000;
	font-size: medium;
	_font-size: small;
	font-weight: bold;
	line-height: 100%;
}

#contents_home h2#h2_home01{
	height: 28px !important;
	background: url('../images/home/h2_home01.png') no-repeat top left;;
	text-indent: -9999px;
}

#contents_home h2#h2_home02{
	height: 28px !important;
	background: url('../images/home/h2_home02.png') no-repeat top left;;
	text-indent: -9999px;
}

#contents_home h2#h2_home03{
	height: 28px !important;
	background: url('../images/home/h2_home03.png') no-repeat top left;;
	text-indent: -9999px;
}

.date{
	float: right;
	margin: 0;
	padding: 0;
	width: 156px;
	height: 28px;
	background: #d3d3d3;
}

.date p{
	margin: 0 !important;
	padding: 8px 0 7px 0 !important;
	_padding: 9px 0 6px 0 !important;
	color: #333;
	font-size: small;
	_font-size: x-small;
	text-align: center;
	line-height: 100% !important;
}

.date p em{
	font-style: normal;
	font-weight: bold;
}

#contents_home .component p{
	clear: both;
	margin: 0 0 1.8em 0;
	padding: 0 9px;
	color: #333;
	font-size: small;
	_font-size: x-small;
	line-height: 1.8em;
}


/* ========================================================================== */
/* 作品紹介 */
/* ========================================================================== */

#contents_works h2{
	margin: 0 0 10px 0;
	padding: 0;
	width: 704px;
	height: 28px;
	font-size: x-small;
	text-indent: -9999px;
}

#contents_works h3{
	margin: 0 0 15px 0;
	padding: 0;
	width: 474px;
	height: 26px;
	font-size: x-small;
	text-indent: -9999px;
}

h2#album_h2_01{
	background: url('../images/works/h2_al01.png') no-repeat top left;
}

h2#album_h2_02{
	background: url('../images/works/h2_al02.png') no-repeat top left;
}

h2#ep_h2_01{
	background: url('../images/works/h2_ep01.png') no-repeat top left;
}

h2#ep_h2_02{
	background: url('../images/works/h2_ep02.png') no-repeat top left;
}

h2#ep_h2_03{
	background: url('../images/works/h2_ep03.png') no-repeat top left;
}

h2#sg_h2_01{
	background: url('../images/works/h2_sg01.png') no-repeat top left;
}

h2#sg_h2_02{
	background: url('../images/works/h2_sg02.png') no-repeat top left;
}

h2#sg_h2_03{
	background: url('../images/works/h2_sg03.png') no-repeat top left;
}

h2#sg_h2_04{
	background: url('../images/works/h2_sg04.png') no-repeat top left;
}

h2#etc_h2_01{
	background: url('../images/works/h2_etc01.png') no-repeat top left;
}

h3.works_h3_01{
	background: url('../images/works/h3_01.png') no-repeat 0px 10px;
}

h3.works_h3_02{
	clear: both;
	background: url('../images/works/h3_02.png') no-repeat 0px 10px;
}

p.p_artwork{
	float: left;
	margin: 0;
	padding: 0;
	width: 200px;
}

p.p_amazon{
	margin: 0;
	padding: 0 0 0 172px;
	text-indent: -9999px;
}

p.p_amazon a{
	display: block;
	width: 131px;
	height: 25px;
	background: url('../images/common/amazon.png') no-repeat top left;
	overflow: hidden;
}

.works_rightbox{
	float: right;
	width: 474px;
}

.songlist{
	padding-bottom: 20px;
	height: 1%;
}

.songlist ol{
	margin: 0;
	padding: 0 0 0 20px;
	list-style-type: decimal;
	list-style-position: outside;
}

.songlist ol li{
	margin: 0 0 0 10px;
	padding: 0;
	font-size: small;
	_font-size: x-small;
	line-height: 1.6em;
}

ol.sl_ol_l{
	float: left;
	width: 217px;
}

ol.sl_ol_r{
	float: right;
	width: 217px;
}

.subtitle{
	font-size: x-small;
	_font-size: xx-small;
}


/* ========================================================================== */
/* お問い合わせ／サイトポリシー */
/* ========================================================================== */

#contents_contact .component{
	margin-bottom: 40px !important;
	_margin-bottom: 20px !important;
}

#contents_contact h2{
	margin: 0 0 30px 0;
	padding: 0;
	width: 704px;
	height: 28px;
	font-size: x-small;
	text-indent: -9999px;
}

h2#h2_contact01{
	background: #e8e8e8 url('../images/contact/h2_contact01.png') no-repeat top left;
}

h2#h2_contact02{
	background: #e8e8e8 url('../images/contact/h2_contact02.png') no-repeat top left;
}

#contents_contact .component p{
	clear: both;
	margin: 0 0 1.8em 0;
	padding: 0 9px;
	color: #333;
	font-size: small;
	_font-size: x-small;
	line-height: 1.8em;
}

#contents_contact strong{
	color: #008b8b;
	font-weight: normal;
}


/* ========================================================================== */
/* フッター */
/* ========================================================================== */

.footer{
	clear: both;
	margin: 0;
	padding: 105px 0 65px 0;
}

.footer p{
	font-size: 1px;
	text-indent: -9999px;
	overflow: hidden;
}

p#footer_contact_p{
	margin: 0;
	padding: 0 0 0 728px;
	height: 11px;
}

p#footer_contact_p a{
	display: block;
	width: 142px;
	height: 11px;
	background: url('../images/common/contact.png') no-repeat 0px 0px;
}

p#footer_contact_p a:hover{
	background: url('../images/common/contact.png') no-repeat 0px -11px;
}

p#footer_copy_p{
	margin: 7px 0 0 0;
	padding: 0;
	height: 10px;
	background: url('../images/common/copy.png') no-repeat 677px 0px;
}