﻿@charset "Shift_JIS";

body {
	font-size: 10px;
	line-height: 1.2em;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: #FFFFFF url(../cmn/bg-all.jpg) repeat-x;
	color: #333333;
}


ul,li,div,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,form {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

table { border-collapse:collapse; border-spacing: 0; }

.f0 { font-size: 10px; }
.f1 { font-size: 11px; }
.f2 { font-size: 12px; }
.f3 { font-size: 13px; }
.f4 { font-size: 14px; }
.f5 { font-size: 15px; }
.f6 { font-size: 16px; }
.f-red { color: #CC0000; }
.f-pink { color: #FC9896; }
.f-green { color: #97D09B; }
.cap {font-size: 10px; line-height: 1.2em; color: #666666; }
.b { font-weight: bold; }
.st { font-weight: bold; color: #F94095; }

a:link{text-decoration: underline; color:#495CA5;}
a:visited{text-decoration: underline; color:#495CA5;}
a:active{text-decoration: underline; color:#495CA5;}
a:hover{text-decoration: underline; color:#CC0000;}

#wrap {
	margin: 0 auto;
	width:960px;
	text-align: left;
}

#header {
	width:960px;
	text-align: left;
	background:  url(../cmn/bg-head.jpg) no-repeat;
}

#header h1 {
	width:213px;
	text-align: left;
	float: left;
	margin-top: 0px;
}
#header h2 {
	text-align: right;
	font-size: 10px;
	color: #FFFFFF;
	margin-top: 35px;
}
#header .gnv {
	float: right;
	text-align: right;
	color: #FFFFFF;
	width: 645px;
}

#header .btn {
	text-align: right;
	color: #FFFFFF;
	margin-top: 15px;
	margin-bottom: 20px;
}

#nv {
	float: right;
	margin:0 0 0 0px;
	background:  url(../cmn/gnv.gif) no-repeat;
	width: 645px;
	text-align: left;
	font-size: 9px;
	}
#nv ul {
	padding:0px 0px 0px 0px;
}
#nv li {
	display:inline;
	list-style-type:none;
}
#nv li a {
	height:41px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}

/*---------------------------------------------------------
    gnv
----------------------------------------------------------*/
	/*------off*/
#nv li.gnv01 a {
	background:url(../cmn/gnv.gif) no-repeat 0px 0px;
	width:106px;
}
#nv li.gnv02 a {
	background:url(../cmn/gnv.gif) no-repeat -106px 0px;
	width:107px;
}
#nv li.gnv03 a {
	background:url(../cmn/gnv.gif) no-repeat -213px 0px;
	width:108px;
}
#nv li.gnv04 a {
	background:url(../cmn/gnv.gif) no-repeat -321px 0px;
	width:107px;
}
#nv li.gnv05 a {
	background:url(../cmn/gnv.gif) no-repeat -428px 0px;
	width:107px;
}
#nv li.gnv06 a {
	background:url(../cmn/gnv.gif) no-repeat -535px 0px;
	width:110px;
}

/*------hover*/
#nv li.gnv01 a:hover {
	background: url(../cmn/gnv-on.gif) no-repeat 0px 0px;
}
#nv li.gnv02 a:hover {
	background:url(../cmn/gnv-on.gif) no-repeat -106px 0px;
}
#nv li.gnv03 a:hover {
	background:url(../cmn/gnv-on.gif) no-repeat -213px 0px;
}
#nv li.gnv04 a:hover {
	background:url(../cmn/gnv-on.gif) no-repeat -321px 0px;
}
#nv li.gnv05 a:hover {
	background:url(../cmn/gnv-on.gif) no-repeat -428px 0px;
}
#nv li.gnv06 a:hover {
	background:url(../cmn/gnv-on.gif) no-repeat -535px 0px;
}

/*------active*/
#nv li.gnv01 .act {
	background: url(../cmn/gnv-on.gif) no-repeat 0px 0px;
}
#nv li.gnv02 .act {
	background:url(../cmn/gnv-on.gif) no-repeat -106px 0px;
}
#nv li.gnv03 .act {
	background:url(../cmn/gnv-on.gif) no-repeat -213px 0px;
}
#nv li.gnv04 .act {
	background:url(../cmn/gnv-on.gif) no-repeat -321px 0px;
}
#nv li.gnv05 .act {
	background:url(../cmn/gnv-on.gif) no-repeat -428px 0px;
}
#nv li.gnv06 .act {
	background:url(../cmn/gnv-on.gif) no-repeat -535px 0px;
}

.w960 {
	margin: 0 auto;
	width:960px;
	background:  url(../cmn/bg-contents.gif) repeat-y;
}

#main {
	text-align: left;
	padding-top: 15px;
	margin: 0px 16px;
}

#contents {
	width: 557px;
	text-align: left;
	padding: 15px 0px 0px;
	margin-left: 15px;
}

h3 {
	margin: 0px;
	font-weight: bold;
	background: url(../cmn/midashi-bg.gif) repeat-x;
	padding-left: 5px;
	padding-top: 5px;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-bottom: 3px solid #666666;
	border-left: 1px solid #DDDDDD;
	padding-bottom: 5px;
}

h3 p {
	background: url(../cmn/icon.gif) no-repeat;
	padding-left: 12px;
	font-size: 14px;
	color: #666666;
	font-weight: bold;
}

h4 {
	margin: 0px 0 10px;
	background: #9ACC99;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
}

h5 {
	font-size: 14px;
	font-weight: bold;
	color: #66AB82;
	margin: 10px 0;
}
h6 {
	font-size: 14px;
	color: #333333;
	margin: 10px 0;
	padding-bottom: 3px;
	border-bottom: 1px dotted #97D09D;
	padding-left: 5px;
	border-left: 3px solid #97D09D;
}

#gopagetop {
	text-decoration: none !important;
	text-align: right;
	font-size: 11px;
	line-height: 1em;
	margin: 20px 0px 0px;
	width: 928px;
	padding-bottom: 10px;
}

#footer{
	margin: 0px auto 0;
	text-align: left;
	width: 960px;
	font-size: 11px;
	line-height: 1.3em;
	background:  url(../cmn/bg-footer.gif) no-repeat;
	height: 80px;
}

#footer .info {
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px dotted #999999;
	text-align: center;
	margin-top: 0px;
}

#footer .copy {
	text-align: center;
	background: #07196B;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px 20px 20px;
}





/* ---------------------------------------------
	tools
--------------------------------------------- */
.clear{
	clear: both;
	margin: 0px;
}

.flt-l { float: left;}
.flt-r { float: right;}
.skip { display: none; }
.closely { letter-spacing: -0.1em; }

.inlineL { text-align: left;}
.inlineC { text-align: center;}
.inlineR { text-align: right;}

.w_half {
	width: 370px;
}
.w_Tri {
	width:246px;
}
a.arrow {text-decoration: none !important;
	background:url(../cmn/arrow.gif) no-repeat center left;
	padding-left:15px;
}


.block { display: block; }
.inline { display: inline; }
.border1 { border: 1px solid #808080; }
.border1t { border-top: 1px solid #808080; }
.border1b { border-bottom: 1px solid #808080; }

/* ---------------------------------------------
	preset margin 
--------------------------------------------- */
.mp0 { margin: 0px; padding: 0px !important; }

.mt0 { margin-top: 0px !important;}
.mt05 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt35 { margin-top: 35px !important;}
.mt40 { margin-top: 40px !important;}
.mt45 { margin-top: 45px !important;}
.mt50 { margin-top: 50px !important;}

.mb0 { margin-bottom: 0px !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb45 { margin-bottom: 45px !important;}
.mb50 { margin-bottom: 50px !important;}

.ml05 { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}
.ml35 { margin-left: 35px !important;}
.ml40 { margin-left: 40px !important;}
.ml45 { margin-left: 45px !important;}
.ml50 { margin-left: 50px !important;}

.mr05 { margin-right: 5px !important;}
.mr10 { margin-right: 10px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr35 { margin-right: 35px !important;}
.mr40 { margin-right: 40px !important;}
.mr45 { margin-right: 45px !important;}
.mr50 { margin-right: 50px !important;}


/* padding */

.pt05 { padding-top: 5px !important;}
.pt10 { padding-top: 10px;}
.pt15 { padding-top: 15px;}
.pt20 { padding-top: 20px;}
.pt25 { padding-top: 25px;}
.pt30 { padding-top: 30px;}

.pb05 { padding-bottom: 5px !important;}
.pb10 { padding-bottom: 10px;}
.pb15 { padding-bottom: 15px;}
.pb20 { padding-bottom: 20px;}
.pb25 { padding-bottom: 25px;}
.pb30 { padding-bottom: 30px;}

.pl05 { padding-left: 5px;}
.pl10 { padding-left: 10px;}
.pl15 { padding-left: 15px;}
.pl20 { padding-left: 20px;}
.pl25 { padding-left: 25px;}
.pl30 { padding-left: 30px;}

.pr05 { padding-right: 5px !important;}
.pr10 { padding-right: 10px;}
.pr15 { padding-right: 15px;}
.pr20 { padding-right: 20px;}
.pr25 { padding-right: 25px;}
.pr30 { padding-right: 30px;}

.p05 { padding: 5px;}
.p10 { padding: 10px;}
.p15 { padding: 15px;}
.p20 { padding: 20px;}
.p25 { padding: 25px;}
.p30 { padding: 30px;}

/* home */

#topics {
	text-align: left;
	background: url(../images/topics-bg.gif) repeat-y;
	padding-right: 22px;
	padding-left: 22px;
}

#topics .bnr {
	background: #FFFFFF url(../cmn/stripe-bg.gif) repeat;
	padding-bottom: 10px;
	float: right;
}
#topics .bnr img {
	margin-top: 7px;
	margin-left: 3px;
	margin-right: 3px;
}

#top-l {
	width: 304px;
	float: left;
	border-bottom: 3px solid #666666;
	padding-bottom: 15px;
}

#top-l .txt {
	padding-bottom: 10px;
	font-size: 10px;
	text-indent: 10px;
	line-height: 1.2em;
	padding-top: 10px;
	border-bottom: 1px dotted #999999;
}

#top-r {
	width: 604px;
	float: right;
}

#top-r .item {
	padding-bottom: 10px;
	padding-left: 10px;
	border-bottom: 1px solid #999999;
	border-left: 3px solid #993300;
	margin-top: 15px;
	margin-right: 15px;
	float: left;
	width: 270px;
}
#top-r .item img {
	margin-right: 10px;
	clear: left;
	float: left;
}




.box1 {
	border: 1px solid #BBE5B7;
	background: #FFFFFF;
	margin: 0px 5px;
	padding: 10px;
	text-align: left;
}
.box2 {
	background: #F5F5F5;
	padding: 5px;
	border: 1px solid #D9D9D9;
}
.box3 {
	background: #FFFFFF;
	padding: 5px;
	border: 1px solid #97D09B;
	text-align: left;
}

.boxwhite {
	background: #FFFFFF;
	padding: 10px;
	text-align: center;
}

#contents table{
	width: 557px;
}
#contents th.color1,
#contents td.color1{
	font-weight:bold;
	text-align:center;
	background-color: #CFE3C0;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 10px;
}
#contents th.color2{
	text-align:left;
	background-color: #E7F3E7;
	font-weight:bold;
}

#contents td.color2{
	text-align:center;
	background-color: #E7F3E7;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 10px;
}



ul.list {
	margin: 10px 0px 0px;

}

ul.list li {
	line-height: 1.2em;
	list-style: disc url(../images/icon-list.gif) outside;
	margin-left: 20px;
	margin-top: 10px;
}

ul.nmbr {
	margin: 10px 0px 0px;

}

ul.nmbr li {
	line-height: 1.2em;
	list-style: decimal outside;
	margin-left: 25px;
	margin-top: 10px;
}

/* second */

#secondconts {
	text-align: left;
	margin-left: 11px;
	margin-right: 11px;
}
#secondconts .conts {
	background: #FFFFFF url(../cmn/inside-bg.gif) repeat-y;
	padding-left: 15px;
	padding-right: 15px;
}
#secondconts .gotop {
	font-size: 11px;
	float: right;
	padding-right: 5px;
	margin-top: 5px;
	margin-bottom: 20px;
}

.txtcenter {
	text-align: center;
	width: 557px;
}

#pannavi {
	margin: 15px auto 0px;
	width:960px;
	font-size: 10px;
	color: #666666;
	letter-spacing: 0.1em;
	text-align: left;
}
#pannavi a:link{text-decoration:underline;color:#666666}
#pannavi a:visited{text-decoration:underline;color:#666666}
#pannavi a:active{text-decoration:underline;color:#666666}
#pannavi a:hover{text-decoration:underline;color:#666666}
.m-title {
	font-size: 12px;
	font-weight: bold;
	color: #CC0000;
	line-height: 1.4em;
}
#artist {
	text-align: left;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
#artist .bio {
	background: url(../images/artist-bg.gif) repeat-y;
	padding-left: 20px;
}
#artist .txt {
	width: 250px;
}
#cd {
	width: 920px;
	text-align: left;
	padding-bottom: 5px;
	border-bottom: 1px dotted #999999;
	margin-bottom: 15px;
}
#cd .goods {
	width: 450px;
	float: left;
}

#cd .txt {
	padding-right: 10px;
}
#cd h3 {
	clear: both;
	margin: 0px;
	font-weight: bold;
	background: url(../cmn/midashi-bg.gif) repeat-x;
	padding-left: 5px;
	padding-top: 5px;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #DDDDDD;
	padding-bottom: 5px;
	margin-bottom: 15px;
}
#cd h3 p {
	background: url(../cmn/icon.gif) no-repeat;
	padding-left: 12px;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
}

#about {
	clear: both;
	text-align: center;
	width: 920px;
}

#about h3 {
	margin: 0px;
	text-align: left;
	font-weight: bold;
	background: url(../cmn/cd_list_h3_bg.gif);
	padding-top: 5px;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #DDDDDD;
	padding-bottom: 5px;
	margin-bottom: 15px;
	padding-left: 12px;
	font-size: 12px;
	color: #666666;
}
#about h4 {
	margin: 0px;
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
	padding-left: 12px;
	font-size: 18px;
	color: #666666;
	background: #FFFFFF;
	line-height: 1.4em;
}
#about img {
	margin: 5px;
	margin-bottom: 20px;
}
#about p {
	margin: 0px;
	text-align: left;
	padding-bottom: 5px;
	margin-bottom: 15px;
	padding-left: 12px;
	font-size: 12px;
	color: #000000;
	background: #FFFFFF;
	line-height: 1.4em;
}
#about table{
	margin-top: 20px;
	width: 870px;
}
#about th,
#about td{
	line-height: 1.4em;
	text-align:left;
	background-color: #DDDDDD;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 10px;
	vertical-align: top;
}
#about th{
	text-alk?ign:left;
	font-weight:bold;
}

#about td{
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 10px;
}


#about div.detail {
	width: 610px;
	padding: 0px;
	margin: 0px;
	padding-top: 10px;
	border-bottom: 1px dotted #999999;
}
#about p.txt {
	float: left;
	padding-right: 20px;
	width: 100px;
}
#about .conts {
	float: left;
}
#detail {
	padding-right: 20px;
	padding-left: 20px;
}
#detail .include {
	border-left: 3px solid #999999;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
}
#detail .clear-dot {
	clear: both;
	margin-top: 15px;
	margin-bottom: 15px;
	border-top: 1px dotted #999999;
}
#detail .item-title {
	padding: 10px;
	margin-bottom: 15px;
	border: 1px dotted #CCCCCC;
}

/* cd_List */

#cd_list {
	width: 920px;
	text-align: left;
	padding-bottom: 5px;
	margin-bottom: 15px;
}
#cd_list .cd_w_img {
	width: 450px;
	float: left;
	border-bottom: 1px dotted #999999;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

#cd_list p.cd_img {
	float: left;
}

#cd_list p.cd_img img {
	margin-right: 10px;
	margin-bottom: 10px;
}

#cd_list .txt {
	padding-right: 10px;
}


#cd_list a {
	margin: 0px;
	font-weight: bold;
	font-size: 12px;
	line-height: 1.4em;
}

#cd_list h3 {
	margin: 0px;
	font-weight: bold;
	background: url(../cmn/cd_list_h3_bg.gif);
	padding-top: 5px;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #DDDDDD;
	padding-bottom: 5px;
	margin-bottom: 15px;
	padding-left: 12px;
	font-size: 12px;
	color: #666666;
}
/* Label */

#label_sup {
	width: 920px;
	align: center;
	padding-bottom: 5px;
	margin-bottom: 15px;
}

#label_sup h3 {
	margin: 0px;
	font-weight: bold;
	background: url(../cmn/label_sup_h3_bg.gif);
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #DDDDDD;
	padding-top: 7px;
	padding-left: 26px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	margin-left: 2px;
	margin-right: 2px;
	font-size: 20px;
	color: #666666;
	line-height: 30px;
	vertical-align: middle;
}
#label_sup .left_pain,
#label_sup .right_pain {
	width: 445px;
	margin-bottom: 10px;
}

#label_sup .left_pain {
	float: right;
}

#label_sup .right_pain {
	float: left;

}


#label_sup p {
	font-size: 12px;
	line-height: 1.4em;
	margin: 0px;
	padding: 0px;
	margin-left: 4px;
	margin-right: 4px;
}


p.prof {
	font-size: 12px;
	line-height: 1.2;
	margin: 0px;
	padding: 0px;
	margin-top: 15px !important;
}


