@charset "Shift_JIS";
/*--------------------------------------------------------------------
common
cssの初期化
--------------------------------------------------------------------*/

html, body {
	font-family: "Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,
	"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	margin: 0;
	padding: 0;
	font-size: 100%;
}

h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
	font-family:"Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,
	"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

table, caption, th, td {
	font-family:"Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,
	"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
	font-family:"Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,
	"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: inherit;
	font-size: 100%;
}

/*--------------------------------------------------------------------
common
ページ共通部分
--------------------------------------------------------------------*/
div#contents {
	width:840px;
	font-size:13px;
}

div#contents div#header {
	background:url(../images/header.jpg) no-repeat;
	height:120px;
	text-indent:-9999px;
	overflow:hidden;
}

div#contents div#header div#logo {
	width:244px;
	height:75px;
	float:left;
}

div#contents div#header h2 {
	height:75px;
}

div#contents div#header h2 a {
	display:block;
	height:100%;
	overflow:hidden;
	text-indent:-9999px;
}

div#contents div#header p {
	text-indent:-9999px;
}

div#contents div#header ul {
	height:35px;
	/*widht:564px;*/
}

div#contents div#header ul li {
	float:left;
	width:94px;
	height:35px;
	list-style:none;
	margin-top:75px;
}

div#contents div#header ul li a {
	display:block;
	height:100%;
	overflow:hidden;
	text-indent:-9999px;
}

div#contents div#wrapper {
	background:url(../images/wrap_bg.jpg);
	/*border:1px solid #000000;*/
	/*padding:10px;*/
	zoom:1;
	/*margin-left: -2px;*/
}

div#contents div#wrapper:after {/*clear*/
	content : "";
	display : block;
	height : 0;
	clear : both;
}

div#contents div#footer {
	/*background: url(../images/footer_bg.jpg) no-repeat bottom;*/
	height:31px;
	text-align:center;
	font-size:11px;
	padding:0px 0 17px;
	clear:both;
	width:840px;
}

/*--------------------------------------------------------------------
index.html
といろちゃんトップ
--------------------------------------------------------------------*/
#index {
	float: left;
	width: 560px;
	/*margin-top: 10px;
	margin-left: 22px;
	_margin-left: 11px;*/
	}

#index #index_right {
	float: right;
	width: 280px;
	_margin-right: 0px;
	background: #fddae1 url(../images/flash_bg.jpg) no-repeat bottom;
	/*margin-right: 20px;
	margin-left: 20px;
	_margin-right: 10px;
	_margin-left: 10px;*/
	}

#index #index_left {
	float: left;
	width: 240px;
	margin-left: 30px;
	_margin-left: 15px;
	}

#sub {
	float: right;
	width: 240px;
	margin-right: 30px;
	_margin-right: 15px;
	/*margin-top: 10px;
	margin-right: 46px;
	_margin-right: 17px;*/
	}

h2 {
	margin-bottom: 6px;
	}

/*最新情報*/
#news ul li span {
	_margin-left: -10px;
	}

#news ul li {
	padding: 5px 5px 10px;
	border-bottom: dotted 1px #ff6699;
	}

/*おみやげ*/
#souvenir {
	padding-top: 15px;
	}

#souvenir ul li {
	clear:both;
	padding: 5px 5px 10px;
	}

#souvenir ul li .thum01 {
	float: left;
	margin-right: 5px;
	}

#souvenir ul li .article01 {
	float: right;
	width: 148px;
	margin: 0;
	}

/*携帯サイト*/
#mobile {
	clear:both;
	padding-top: 15px;
	margin-bottom: 15px;
	}

#mobile ul li {
	clear:both;
	float: left;
	padding: 5px 5px 10px;
	}

#mobile ul li .thum01 {
	float: left;
	margin-right: 5px;
	}

#mobile ul li .article01 {
	float: right;
	width: 138px;
	margin: 0;
	}

/*フラッシュ*/
.flame {
	border: solid 1px #b81960;
	}

#flash #latest {
	margin: 0 20px;
	font-size:12px;
	}

#flash p.title {
	margin-top: 4px;
	margin-bottom: 4px;
	padding: 2px;
	/*background:#b81960;*/
	color: #b81960;
	}

#flash ul li {
	width: 240px;
	float: left;
	margin: 5px 0;
	padding: 5px 0;
	}

#flash ul li .thum01 {
	float: left;
	margin-right: 5px;
	border: solid 1px #b81960;
	}

#flash .article01 {
	margin-top: 5px;
	padding: 5px 0;
	width: 240px;
	}

#flash .article02 {
	margin-top: 0px;
	margin-bottom: 4px;
	}

#flash .article02 p.title {
	margin-bottom: 4px;
	padding: 2px 0;
	/*background:#b81960;*/
	color: #b81960;
	font-size: 14px;
	font-weight: bold;
	}

p.right {
	clear: both;
	margin-right: 20px;
	text-align:right;
	}

/*活動日記*/
#diary {
	}

#diary ul li {
	float: left;
	padding: 5px 5px 10px;
	border-bottom: dotted 1px #ff6699;
	}

#diary ul li .thum01 {
	float: left;
	margin-right: 5px;
	}

#diary ul li .article01 {
	float: right;
	width: 168px;
	margin: 0;
	}


/*特別企画・関連サイト*/
#link {
	clear:both;
	padding-top: 15px;
	}

#link ul li {
	float: left;
	padding: 2px 0;
	}

/*--------------------------------------------------------------------
movie/index.html
動画
--------------------------------------------------------------------*/
div#movie {
	padding-left:30px;
	}

#movie ul {
	width: 740px;
	margin-left:30px;
	}

#movie ul li {
	width: 245px;
	float: left;
	margin: 5px 0;
	padding: 5px 0;
	}

#movie ul li .thum01 {
	float: left;
	margin-right: 5px;
	border: solid 1px #b81960;
	}

#movie .article01 {
	margin-top: 5px;
	padding: 5px 0;
	width: 240px;
	}

#movie p.title {
	padding: 2px 0;
	color: #b81960;
	font-weight: bold;
	}


/*--------------------------------------------------------------------
profile.html
といろちゃんプロフィール
--------------------------------------------------------------------*/
div#profile {
	padding-left:30px;
	}

div#profile div#profile_title p {
	color:#FFFFFF;
	text-align:right;
	font-size:15px;
}

div#profile div#profile_inner {
	background:url(../images/profile_bg.gif) repeat-y;
	zoom:1;
	width:820px;
	margin-bottom:10px;
}

div#profile div#profile_top {
	background:url(../images/profile_top.gif) no-repeat top;
	padding-top:20px;
}

div#profile div#profile_bot {
	background:url(../images/profile_bot.gif) no-repeat bottom;
	padding-bottom:47px;
}

div#profile div#detail_top {
	zoom:1;
	padding:0 20px 10px;
	zoom:1;
}

div#profile div#detail_top:after {/*clear*/
	content : "";
	display : block;
	height : 0;
	clear : both;
}

div#profile div#profile_text {
	background:url(../images/profile_text_bot.gif) no-repeat bottom center;
	padding-bottom:15px;
	width:380px;
	float:left;
	zoom:1;
}

div#profile div#profile_text:after {/*clear*/
	content : "";
	display : block;
	height : 0;
	clear : both;
}

div#profile div#profile_text dl {
	background:#FFFFFF url(../images/profile_text_top.gif) no-repeat top center;
	padding:15px 15px 0;
	width:350px;
	zoom:1;
}

* html body div#profile div#profile_text dl {
	width:380px;
}

div#profile div#profile_text dl:after {/*clear*/
	content : "";
	display : block;
	height : 0;
	clear : both;
}

div#profile div#profile_text dl dt {
	float:left;
	width:75px;
}

div#profile div#profile_text dl dt#dt_01 {
	background:url(../images/dt_01.gif) no-repeat;
	height:24px;
	text-indent:-9999px;
}

div#profile div#profile_text dl dt#dt_02 {
	background:url(../images/dt_02.gif) no-repeat;
	height:24px;
	text-indent:-9999px;
}

div#profile div#profile_text dl dt#dt_03 {
	background:url(../images/dt_03.gif) no-repeat;
	height:24px;
	text-indent:-9999px;
}

div#profile div#profile_text dl dt#dt_04 {
	background:url(../images/dt_04.gif) no-repeat;
	height:24px;
	text-indent:-9999px;
}

div#profile div#profile_text dl dt#dt_05 {
	background:url(../images/dt_05.gif) no-repeat;
	height:24px;
	text-indent:-9999px;
}

div#profile div#profile_text dl dt#dt_06 {
	background:url(../images/dt_06.gif) no-repeat;
	height:24px;
	text-indent:-9999px;
}

div#profile div#profile_text dl dt#dt_07 {
	background:url(../images/dt_07.gif) no-repeat;
	height:28px;
	text-indent:-9999px;
}

div#profile div#profile_text dl dd {
	float:right;
	width:275px;
}

div#profile div#profile_text dl dd#dd_01 {
	background:url(../images/dd_01.gif) no-repeat;
	height:24px;
	text-indent:-9999px;
}

div#profile div#profile_text dl dd#dd_02 {
	background:url(../images/dd_02.gif) no-repeat;
	height:24px;
	text-indent:-9999px;
}

div#profile div#profile_text dl dd#dd_03 {
	background:url(../images/dd_03.gif) no-repeat;
	height:24px;
	text-indent:-9999px;
}

div#profile div#profile_text dl dd#dd_04 {
	background:url(../images/dd_04.gif) no-repeat;
	height:24px;
	text-indent:-9999px;
}

div#profile div#profile_text dl dd#dd_05 {
	background:url(../images/dd_05.gif) no-repeat;
	height:24px;
	text-indent:-9999px;
}

div#profile div#profile_text dl dd#dd_06 {
	background:url(../images/dd_06.gif) no-repeat;
	height:24px;
	text-indent:-9999px;
}

div#profile div#profile_text dl dd#dd_07 {
	background:url(../images/dd_07.gif) no-repeat;
	height:28px;
	text-indent:-9999px;
}

div#profile div#profile_text p {
	float:right;
	width:380px;
}

div#profile div#detail_bot {
	clear:both;
	zoom:1;
	padding:0 20px;
	width:816px;
}

div#profile div#detail_bot:after {/*clear*/
	content : "";
	display : block;
	height : 0;
	clear : both;
}

div#profile div#detail_bot img {
	float:left;
	margin:0;
}

div#profile div#detail_bot p#text01 {
	background:url(../images/profile_toiro02.gif) no-repeat;
	width:138px;
	height:128px;
	text-indent:-9999px;
	float:left;
}

* html body div#profile div#detail_bot img.dash {
	margin-left:-8px;
}

div#profile div#detail_bot p#text02 {
	background:url(../images/profile_toiro05.gif) no-repeat;
	width:96px;
	height:128px;
	text-indent:-9999px;
	float:left;
}

*html body div#profile div#detail_bot p#text02 {
	margin-left:-3px;
}

div#profile div#detail_bot img.yoko {
	margin-left:147px;
}

div#profile div#detail_bot img.ushiro {
	margin-left:65px;
}

div#profile div#detail_bot img.mae {
	margin-left:49px;
}

div#profile div#detail_bot p#text03 {
	background:url(../images/profile_toiro09.gif) no-repeat;
	width:170px;
	height:175px;
	text-indent:-9999px;
	float:left;
}

/*div#profile div#report_title {
	background:url(../images/report_title.gif) no-repeat;
	height:15px;
	width:780px;
	padding:10px 20px;
	margin-bottom:10px;
	clear:both;
}*/

*html body div#profile div#report_title {
	width:820px;
	height:35px;
}

div#profile div#report_title p {
	color:#FFFFFF;
	text-align:right;
	font-size:15px;
}

div#profile div#report div.entry {
	width: 780px;
	padding:0 0 20px;
	/*margin-bottom:20px;*/
	zoom:1;
}

div#profile div#report div.entry table.Ex {
	border-collapse:collapse;
	margin-left:12px;
	width:400px;
	}

div#profile div#report div.entry table {
	border-collapse:collapse;
	margin:10px auto;
	width:730px;
}

div#profile div#report div.entry table td {
	text-align:center;
}

div#profile div#report div.entry table td img {
	margin-bottom:5px;
}

div#profile div#report div.entry:after {/*clear*/
	content : "";
	display : block;
	height : 0;
	clear : both;
}

div#profile div#report div.entry span {
	display:block;
	font-size:12px;
	padding: 3px;
	background:#f5569d;
	color:#FFFFFF;
	margin-bottom:10px;
}

div#profile div#report div.entry span.bold {
	display:inline;
	font-size:14px;
	padding:0;
	background:transparent;
	color:#000000;
	margin-bottom:0;
	font-weight:bold;
}

div#profile div#report div.entry h3 {
	font-size:30px;
	font-weight:bold;
	margin-bottom:10px;
}

div#profile div#report div.entry p {
	line-height:1.5;
}

div#profile div#report div.entry div.left {
	width:510px;
	float:left;
}

div#profile div#report div.entry div.right {
	float:right;
}

div#profile div#report div#reportbak {
	background:url(../images/reportbak_button.gif) no-repeat;
	width:215px;
	height: 35px;
	margin:0 0 0px 560px;
	padding-bottom: 10px;
} 

div#profile div#report div#reportbak a {
	display:block;
	text-indent:-99999px;
	overflow:hidden;
	height:100%;
}

#profile h3 {
	margin-top: 15px;
	margin-left: 5px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.6;
	color: #ff0099;
	}

#profile p {
	width: 740px;
	margin-top: 5px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3;
	padding-left: 20px;
	}





/*--------------------------------------------------------------------
omiyage.html
今月の壁紙おみやげページ
--------------------------------------------------------------------*/
div#omiyage div#omiyage_title {
	background:url(../images/omiyage_title.gif) no-repeat;
	height:15px;
	width:780px;
	padding:10px 20px;
	margin-bottom:10px;
}

*html body div#omiyage div#omiyage_title {
	width:820px;
	height:35px;
}

/*div#omiyage div#omiyage_title h2 {
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}*/

div#omiyage h2 {
	margin-left:30px;
}

div#omiyage div#omiyage_title p {
	color:#FFFFFF;
	text-align:right;
	font-size:15px;
}

div#omiyage div#wallpaper_top {
	/*background:url(../images/omiyage_top.gif) no-repeat top;*/
	padding-top:20px;
}

div#omiyage div#wallpaper_bot {
	/*background:url(../images/omiyage_bot.gif) no-repeat bottom;*/
	padding-bottom:20px;
	zoom:1;
}

div#omiyage div#wallpaper_inner {
	/*background:url(../images/toiro_bg.gif);*/
	padding:0 20px;
	/*border-right:1px solid #000000;
	border-left:1px solid #000000;*/
	zoom:1;
}

div#omiyage div#wallpaper_inner:after {/*clear*/
	content : "";
	display : block;
	height : 0;
	clear : both;
}

div#omiyage div#wallpaper_inner div#toiro_table1 {
	/*background:url(../images/toiro_table_top1.gif) no-repeat top center;*/
	padding-top:20px;
	/*width:356px;*/
}

div#omiyage div#wallpaper_inner div#toiro_table2 {
	/*background:url(../images/toiro_table_top2.gif) no-repeat top center;*/
	padding-top:20px;
	/*width:400px;*/
}

div#omiyage div#wallpaper_inner table {
	border-collapse:collapse;
	background:#FFFFFF;
}

div#omiyage div#wallpaper_inner table tr.green td {
	background:#A6CF39;
	color:#FFFFFF;
	font-weight:bold;
	border-bottom:1px solid #000000;
	border-top:1px solid #000000;
}

div#omiyage div#wallpaper_inner table tr td {
	text-align:center;
	vertical-align:middle;
	padding:5px;
}

div#omiyage div#wallpaper_inner table tr td.toiro {
	background:#A6CF39 url(../images/toiro_bg2.gif) no-repeat center;
}

div#omiyage div#wallpaper_inner table tr td.thumb img {
	border:1px solid #000000;
}

div#omiyage div#wall_left {
	width:356px;
	text-align:center;
	float:left;
	margin-left: 10px;
	_margin-left: 5px;
}

div#omiyage div#wall_left h3 {
	background:url(../images/wallpaper_title.gif) no-repeat center;
	height:20px;
	padding:9px 20px 8px;
	margin-bottom:10px;
	font-size:18px;
	font-weight:bold;
	color:#FFFFFF;
	overflow:hidden;
	text-align:left;
	width:316px;
}

*html body div#omiyage div#wall_left h3 {
	height:36px;
	width:356px;
}

div#omiyage div#wall_left h3 span {
	text-indent:-9999px;
	display:block;
	font-size:0;
	line-height:0;
	height:0;
	width:0;
}

div#omiyage div#wall_left p img {
	margin-bottom:10px;
}

div#omiyage div#wall_left table {
	width:355px;
	_width:356px;
	margin-left: 1px;
	_margin-left: 0px;
	border:1px solid #000000;
	border-top:none;
}

div#omiyage div#wall_right {
	width:400px;
	float:right;
	margin-right: 10px;
	_margin-right: 5px;
}

div#omiyage div#wall_right h3 {
	
}

div#omiyage div#wall_right table {
	width:399px;
	_width:400px;
	margin-left: 1px;
	_margin-left: 0px;
	border:1px solid #000000;
	border-top:none;
}

div#omiyage div#wall_right div#back_title h3 {
	background:url(../images/wallpaper_title2.gif) no-repeat center;
	height:35px;
	width:400px;
	text-indent:-9999px;
	margin-bottom:10px;
}
/*--------------------------------------------------------------------
song/index.html
といろソング
--------------------------------------------------------------------*/
div#song{
}

.details {
	font-size: 16px;
	line-height: 1.3;
	display: block;
	margin-left: 20px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}

/*div#song div#song_title {
	background:url(../images/song_title.gif) no-repeat;
	height:15px;
	width:780px;
	padding:10px 20px;
	margin-bottom:10px;
	clear:both;
}*/

*html body div#song div#song_title {
	width:820px;
	height:35px;
}

/*div#song div#song_title h2 {
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}*/

div#song h2 {
	margin-left:30px;
	}

div#song h3 {
	margin-left:10px;
	}

#song_contents1 {
	background-color: #FFFBCD;
	border: 1px solid #999999;
	margin-top: 10px;
	margin-right: 30px;
	margin-left: 30px;
	background-image: url(../song/images/bg-contents1.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

#song_contents1 div.left {
	width: 240px;
	float: left;
	margin: 20px;
}

#ana_movie {
	clear: both;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 30px;
}

#song_contents2 {
	background-color: #FEEBEF;
	border: 1px solid #999999;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	background-image: url(../song/images/bg.gif);
}
#song_contents2 div.right {
	float: right;
	height: 300px;
	background-color: #FFFFFF;
	margin: 10px;
}

.shopTB th {
	text-align: center;
	font-weight: bold;
	}

.shopTB th,
.shopTB td {
	border-bottom: 1px #666666 solid;
	}

.att{color:#ff0000;}


/*--------------------------------------------------------------------
イベント
--------------------------------------------------------------------*/
div#event {
	padding-left:30px;
	padding-bottom: 10px;
	}

div#event p {
	margin: 6px auto;
	line-height: 1.3;
	}

div#event #contents {
	margin: 10px;
	width: 760px;
	}

#event .article01 {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
	color: #f5569d;
	}

#event .article02 {
	padding-left: 10px;
	}

#event .title {
	margin: 20px 0 3px;
	padding: 3px;
	background: #f5569d;
	color: #FFFFFF;
	}

#event .date {
	padding: 6px auto 3px;
	color: #982e93;
	font-size: 14px;
	font-weight: bold;
	}
	
.finish{
	margin-left: 20px;
	font-size: 18px;
	font-weight: bold;
	color: #F00;
}