﻿
body {
	font-size:14px;
	margin:0px;
	padding:0px;
	font-family:sans-serif;
}

a         { text-decoration: underline; }
a:link    { color: #0000CC; }
a:visited { color: #0000CC; }
a:active  { color: #0000CC; }
a:hover   { color: #EE0000; }

span.catlink { font-size:14px; padding:1px; color: #222222; }
span.catlink a			{ color: #222222; text-decoration:none; border-bottom:solid 1px #CCCCCC; }
span.catlink a:link		{ color: #222222; }
span.catlink a:visited	{ color: #222222; }
span.catlink a:active	{ color: #222222; }
span.catlink a:hover	{ color: #EE0000; border-bottom:solid 1px #EE0000; }

.userlink				{ font-size:15px;}
.userlink a				{ color: #999; }
.userlink a:link		{ color: #999; }
.userlink a:visited		{ color: #999; }
.userlink a:active		{ color: #999; }
.userlink a:hover		{ color: #FFF; background-color:#3666d4}

blockquote{
	border:1px solid #CCCCCC;
	padding:10px;
}

table.header {
	width:100%;
	height:33px;
	border-bottom:1px solid #CCCCCC;
	color:#555;
}
table.header td.logo {
	padding:5px 5px 5px 10px;
	text-align:left;
	background-color:#F1F1F1;
}
table.header td.menu {
	margin:0px;
	padding:5px 8px 5px 0px;
	text-align:right;
	font-size:14px;
	background-color:#F1F1F1;
}

table.index_body{
	width:95%;
}
table.index_body td.main {
	width:100%;
	vertical-align:top;
	padding:10px 0px;
	word-break:break-all;
	text-align:left;
}
table.index_body td.side {
	width:250px;
	vertical-align:top;
	padding:10px 0px;
	word-break:break-all;
}

div.index_side_btn {
	text-align:center;
	padding:2px 1px;
}
div.index_side_title {
	width:300px;
	font-weight:bold;
	font-size:15px;
	text-align:center;
	padding:7px 0px;
	background-color:#E1ECFF;
	margin-top:10px;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}
div.index_side_body {
	width:300px;
	margin-bottom:5px;
	padding-bottom:12px;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}

div.index_side_asearch {
	text-align:left;
	padding:10px 10px 0px 30px;
}
div.index_side_news {
	padding:10px 15px 0px 20px;
	line-height:140%;
	text-align:left;
}
div.index_news_month {
	padding:4px 10px 4px 30px;
	text-align:left;
	font-size:14px;
}
div.index_news_month_sel {
	padding:3px 5px 3px 25px;
	margin:1px 5px;
	text-align:left;
	font-size:14px;
	background-color: #FFD8B0;
}
div.index_side_mobile {
	line-height:120%;
	text-align:center;
	padding-bottom:10px;
}
table.index_side_tag{
	width:100%;
}
table.index_side_tag td.count{
	width:65px;
	padding:5px 15px 0px 0px;
	text-align:right;
}
table.index_side_tag td.name{
	padding:5px 5px 0px 0px;
	line-height:120%;
	text-align:left;
}
div.index_side_node_cat {
	padding:10px 5px 3px 0px;
	margin:0px 5px 3px 5px;
	text-align:left;
	font-size:14px;
	border-bottom:3px double #CCCCCC;
}
div.index_side_node {
	padding:3px 5px 3px 5px;
	margin:5px 5px 2px 10px;
	text-align:left;
	font-size:14px;
}
div.index_side_node_sel {
	padding:3px 5px 3px 5px;
	margin:5px 5px 2px 10px;
	text-align:left;
	font-size:14px;
	background-color: #FFD8B0;
}
div.index_side_rss {
	text-align:left;
	padding:12px 15px 0px 20px;
	
}
div.index_side_campaign_banner{
	padding:15px 8px 3px 8px;
}
div.index_side_rel_genre {
	padding-top:5px;
	text-align:center;
	font-size:14px;
}
div.index_side_rel_img {
	text-align:center;
	padding:20px 65px 3px 65px;
}

table.index_top {
	width:95%;
	margin-top:10px;
}
table.index_top td.title{
	height:50px;
	text-align:left;
	vertical-align:middle;
	font-weight:bold;
	font-size:25px;
	padding:20px 0px 20px 20px;
}
table.index_top td.search{
	height:50px;
	vertical-align:middle;
	text-align:right;
	padding:25px 30px 5px 0px;
	width:400px;
	font-size:20px;
	font-weight:bold;
	color:#666666;
}
div.index_top {
	width:100%;
	margin:30px 0px 35px 0px;
}
div.index_top div.title{
	text-align:left;
	font-size:25px;
	padding:0px 10px 0px 20px;
	float:left;
	vertical-align:middle;
}
div.index_top div.search{
	text-align:right;
	padding:0px 20px;
	font-size:20px;
	font-weight:bold;
	color:#666666;
}

table.subtitle{
	width:95%;
	font-size:16px;
	text-align:left;
	padding:5px 0px 5px 10px;
	margin:10px 10px 0px 10px;
	border-left:7px solid #003399;
	border-bottom:1px solid #003399;
}
table.subtitle td.page{
	font-size:14px;
	text-align:right;
	padding:5px 10px 5px 0px;
}

div.subtitle{
	font-size:18px;
	text-align:left;
	font-weight:bold;
	padding:5px 0px 5px 10px;
	margin:10px 30px 0px 10px;
	border-left:7px solid #003399;
	border-bottom:1px solid #003399;
}
div.subtitle span.sub{
	font-weight:normal;
}
div.subtitle span.page{
	text-align:right;
	float:right;
	font-weight:normal;
	font-size:16px;
}
div.subtitle_bottom{
	font-size:16px;
	text-align:right;
	padding:10px 0px 5px 0;
	margin-right:30px;
}

div.news_date{
	font-size:15px;
	padding:5px 10px 5px 5px;
	text-align:right;
	width:94%;
}
div.news_title{
	font-size:15px;
	font-weight:bold;
	background-color: #E1ECFF;
	padding:10px 0px 10px 10px;
	width:94%;
	margin-left:20px;
	margin-top:10px;
}
div.news_desc{
	width:91%;
	font-size:14px;
	padding:20px 0px 20px 50px;
	line-height:130%;
	
}
div.news_list1{
	width:88%;
	font-size:14px;
	margin-left:20px;
	padding: 10px;
	line-height:130%;
}

div.news_list2{
	width:88%;
	font-size:14px;
	margin-left:20px;
	padding: 10px;
	line-height:130%;
	background-color: #EEEEEE;
}

div.more_link{
	text-align:center;
	font-size:18px;
	padding:10px;
	margin-bottom:30px;
}
div.more_link_top{
	text-align:right;
	font-size:16px;
	margin:0 30px 30px 0;
}
div.index_navi_bottom {
	width:95%;
	padding:10px 5px 25px 0px;
	margin:0px;
	text-align:right;
}

table.indextab {
	width:95%;
}
table.indextab .close {
	border-style: solid;
	border-width: 1px; 
	border-color: #CCC #CCC #0033CC #CCC;
	background-color: #EEEEEE;
	margin-left:0px;
	padding: 5px 8px;
	font-size:14px;
	white-space: nowrap;
	font-weight:bold;
}
table.indextab .close a:hover{
	color: #EE0000;
	text-decoration:underline;
}
table.indextab .open {
	border-top:1px solid #0033CC;
	border-left:1px solid #0033CC;
	border-right:1px solid #0033CC;
	background-color: #E1ECFF;
	margin:0px;
	padding: 5px 8px;
	font-size:14px;
	white-space: nowrap;
}
table.indextab .open a:hover{
	color: #EE0000;
	text-decoration:underline;
}
table.indextab .open a {
	text-decoration: none;
	color: #333333;
	font-weight:bold;
}
table.indextab .sub_close {
	padding: 6px 9px;
	font-size:13px;
	white-space: nowrap;
	float:left;
}
table.indextab .sub_close a{
	color: #003399;
	text-decoration:underline;
}
table.indextab .sub_close a:hover{
	color: #EE0000;
	text-decoration:underline;
}
table.indextab .sub_open {
	padding: 6px 9px;
	font-size:13px;
	white-space: nowrap;
	float:left;
}
table.indextab .sub_open a {
	text-decoration: none;
	color: #333333;
	font-weight:bold;
}
table.indextab .sub_open a:hover{
	color: #EE0000;
}
table.indextab .sub_separate {
	margin:0px;
	padding: 6px 2px;
	font-size:13px;
	color: #999999;
	float:left;
}
table.indextab .spc {
	margin:0px;
	padding:4px 1px 4px 0px;
	white-space: nowrap;
	border-bottom:1px solid #0033CC;
}
table.indextab td.bar {
	background-color: #E1ECFF;
	margin:0px;
	padding:0px 0px 0px 10px;
	height:29px;
}
table.indextab a {
	text-decoration: none;
}
table.indexbody {
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 0 1px 1px 1px;
	padding: 0.1em;
	text-align:left;
	padding-left:35px;
}

div.index_data{
	margin:10px 30px 10px 10px;
	padding:10px 0px 10px 0px;
	text-align:left;
	border-bottom:1px solid #EEE;
}
div.index_data div.med_img_m{
	float:left;
	width:160px;
	text-align:center;
}
div.index_data div.med_detail{
	font-size:15px;
	line-height:150%;
	text-align:left;
	padding-left:165px;
}
div.index_data div.med_detail_block{
	float:left;
	padding-right:15px;
	padding-bottom:1px;
	
}
div.index_data div.med_title{
	line-height:140%;
	padding-right:10px;
	padding-bottom:3px;
	font-size:17px;
	text-align:left;
}
div.index_data div.med_belong{
	line-height:150%;
}
div.index_data div.med_menu{
	width:100%;float:left;text-align:right; padding:5px 0 10px 0;
}
div.index_data div.med_clear{
	clear:left;
}


table.index_feed{
	text-align:left; 
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	font-size:13px;
	width:94%;
	margin:20px 20px;
}

table.index_feed th{
	text-align:center; 
	background-color: #E1ECFF;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:5px;
	font-size:14px;
}
table.index_feed td {
	vertical-align:top;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:7px 1px;
	font-size:13px;
}
table.index_feed td.cat {
	vertical-align:top;
	border-bottom:1px solid #CCCCCC;
	padding:5px;
	font-size:13px;
}
div.index_feed_genre {
	padding:6px 3px 3px 10px;
	font-size:12px;
}

table.index_body td.tag {
	vertical-align:top;
	text-align:left;
	padding:10px 0px 20px 0px;
	word-break:break-all;
}
div.tagtext{
	float:left;
	font-size:14px;
	padding:15px 10px 15px 20px;
	text-align:left;
}

div.tagcloud{
	float:left;
	line-height:200%;
	padding:20px;
	word-break: keep-all;
}
div.tagcloud a:link{text-decoration:none;}
div.tagcloud a:visited{text-decoration:none;}
div.tagcloud a:hover{text-decoration:none;}
div.tagcloud a:active{text-decoration:none;}
div.tagcloud1{
	float:left;
	padding:15px;
	font-size:13px;
}
div.tagcloud2{
	float:left;
	padding:15px;
	font-size:16px;
}
div.tagcloud3{
	float:left;
	padding:15px;
	font-size:22px;
}
div.tagcloud4{
	float:left;
	padding:15px;
	font-size:25px;
}
div.tagcloud5{
	float:left;
	padding:15px;
	font-size:30px;
}

table.menu_top {
	width:95%;
	margin-top:11px;
}
table.menu_top td.title{
	height:70px;
	text-align:left;
	vertical-align:middle;
	font-weight:bold;
	font-size:25px;
	padding-left:20px;
	border-bottom:1px solid #0033CC;
}
table.menu_top td.sub{
	height:70px;
	vertical-align:middle;
	text-align:right;
	padding:25px 30px 0px 0px;
	width:400px;
	font-size:20px;
	font-weight:bold;
	color:#666666;
	border-bottom:1px solid #0033CC;
}
table.menu_top td.bar {
	background-color: #E1ECFF;
	margin:0px;
	padding:0px;
	height:20px;
}

table.search_body{
	width:91%;
}

div.tabheader table {
	border-collapse: collapse; /* IE */
	border-spacing: 0; /* N6 */
	width:100%;
}
.tabheader table tr td {
	margin:0;padding:0;border-width:0
}
.tabheader .close {
	border-style: solid;
	border-width: 1px; 
	border-color: #CCC #CCC #CCC #CCC;
	background-color: #DDDDDD;
	margin-left:0px;
	padding: 5px 8px;
	font-size:14px;
	white-space: nowrap;
}
.tabheader .open {
	border-style: solid;
	border-width: 1px; 
	border-color: #CCC #CCC #FFF #CCC;
	background-color: white;
	margin:0px;
	padding:5px 8px;
	font-size:14px;
	white-space: nowrap;
}
.tabheader .spc {
	border-style: solid;
	border-width: 0px 0 1px 0; 
	border-color: #fff #fff #CCC #fff;
	margin:0px;
	padding:5px 1px;
	white-space: nowrap;
}
.tabheader a {
	text-decoration: none;
}
.tabbody {
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	text-align:left;
	font-size:14px;
	padding:10px 10px 10px 35px;
}

div.srh_notice{
	font-size:13px;
	padding:10px 0px 5px 5px;
	line-height:140%;
}

div.srh_notice_pack{
	font-size:14px;
	padding-top:20px;
	padding-left:320px;
	line-height:180%;
}

div.srh_notice_auto{
	font-size:13px;
	margin:10px 70px 0px 20px;
	padding:10px;
	line-height:130%;
	border:1px dotted #339900;
}

div.srh_result{
	border-left:7px solid #003399;
	border-bottom:1px solid #003399;
	margin:20px 0px 10px 0px;
	padding:5px;
	text-align:left;
	font-size:16px;
	line-height:130%;
}

table.search {
	width:95%;
}
table.search td {
	padding:18px 10px;
	border-bottom:1px dotted #CCCCCC;
	text-align:left;
}
table.search td.simage{
	width:90px;
	text-align:center;
}
table.search td.mimage{
	width:160px;
	text-align:center;
}
table.search td.sdetail {
	font-size:16px;
	line-height:150%;
	text-align:left;
	padding:0 0 30px 0;
}
table.search td.sdetail div.font18 {
	font-size:18px;
}
table.search td.slink {
	width:120px;
	padding:15px 5px;
	text-align:center;
	vertical-align:middle;
}
table.search td.navi {
	text-align:center;
	border:0px;
}
table.search td.nodata {
	text-align:center;
	border:0px;
	line-height:150%;
}
table.search td.err {
	text-align:center;
	border:0px;
	line-height:150%;
	color:red;
}
div.navi_search {
	width:0 auto;
	padding:25px;
	text-align:center;
	font-size:18px;
}

div.navi_search a {
	border: 1px solid #ccdbe4;
	padding:12px;
	text-decoration: none;
}

div.navi_search a:hover, div.navi_search a:active {
	border: 1px solid #2b55af;
	background-color:#3666d4;
	color: #fff;
}
div.navi_search_top {
	padding:8px 0 0 0;
	margin-right: 25px;
	text-align:right;
	font-size:16px;
}
div.navi_search_top a {
	padding:1px;
}

div.navi_search_top a:hover, div.navi_search a:active {
	background-color:#3666d4;
	color: #fff;
}

div.pack_group{
	padding:15px 0px 2px 0px;
	border-bottom:1px dotted #CCCCCC;
	font-weight:bold;
	color:#3366CC;
}
div.pack_list{
	padding:3px 10px 5px 0px;
}
div.pack_loading{
	text-align:center;
	font-size:13px;
	padding:1px 0px 5px 0px;
}

div.conf_subtitle {
	width:95%;
	font-size:16px;
	text-align:left;
	padding:5px 0px 5px 8px;
	border-left:8px solid #339966;
	border-bottom:1px solid #339966;
}


table.profile {
	margin:10px 30px 50px 40px;
	font-size:14px;
	text-align:left;
	width:90%;
}
table.profile td {
	padding:15px 30px 5px 0px;
	line-height:130%;
}
table.profile td.label {
	width:140px;
	vertical-align:top;
}
div.profile_mode{
	text-align:right;
	padding:8px 15px 0px 0px;
	font-size:14px;
}

div.tabbody li {
	padding:3px;
}


table.register {
	margin:10px 0px 0px 0px;
	font-size:14px;
}
table.register td {
	padding:7px;
	vertical-align:top;
}
table.register td.label {
	width:140px;
	text-align:right;
}
table.register td.input {
	line-height:130%;
	vertical-align:top;
	padding-top:3px;
}
table.register td.rule {
	line-height:130%;
	vertical-align:top;
	padding:3px 7px 15px 4px;
}
div.register_err{
	width:90%;
	color:#FF3333;
	font-weight:bold;
	font-size:14px;
	padding:20px;
	line-height:130%;
	border:1px solid #CCCCCC;
	background-color:#EEEEEE;
}
table.register_confirm {
	margin-left:20px;
}
table.register_confirm td.label {
	line-height:130%;
	vertical-align:top;
	border-bottom:1px dotted #CCCCCC;
	padding:10px;
}
table.register_confirm td.input {
	line-height:130%;
	vertical-align:top;
	border-bottom:1px dotted #CCCCCC;
	padding:10px;
}

table.inquiry {
	width:90%;
	font-size:14px;
	text-align:left;
	line-height:140%;
	margin:10px 10px 10px 20px;
	vertical-align:top;
	border:1px solid #CCCCCC;
	border-collapse: collapse; /* IE */
	border-spacing: 0; /* N6 */
}
table.inquiry td {
	padding:8px;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
table.inquiry td.label {
	width:100px;
	background-color: #E1ECFF;
}
div.inquiry_button{
	text-align:center;
	padding:10px;
}

table.login {
	font-size:14px;
	width:94%;
}
table.login td {
	padding:5px;
	line-height:130%;
	text-align:left;
}
table.login td.label {
	width:90px;
	text-align:right;
}



table.message{
	text-align:center;
	font-size:14px;
}

#pallete {
	position:absolute;
	left:280px;
	display: none;
	border: 1px #666666 solid;
	width: 550px;
}
#pallete table {
	margin: 0;
	border-collapse: collapse;
}
#pallete td {
	width: 4px;
	height: 12px;
	border: 1px #eee solid;
	cursor: pointer;
}

div.intro_menu {
	text-align:left;
	font-size:16px;
	border-bottom: 1px solid #999999;
	margin-top:20px;
	margin-bottom:15px;
	padding:5px;
	font-weight:bold;
}
div.intro_bottom {
	margin:20px;
	padding:30px 0px 10px 0px;
	border-top: 1px solid #999999;
	text-align:center;
}



table.common {
	text-align:left; 
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	font-size:14px;
	border-collapse: collapse; /* IE */
	border-spacing: 0; /* N6 */
}
table.common th {
	text-align:center; 
	background-color: #E1ECFF;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:5px;
}
table.common td {
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:5px;
}
table.common td.header {
	text-align:left; 
	background-color: #E1ECFF;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:5px;
	font-weight:bold;
}

div.mess {
	width:87%;
	line-height:130%;
	text-align:center;
	margin:30px;
	padding:30px 0px;
	border:1px solid #CCCCCC;
	background-color:#EEEEEE;
}
div.mess_red {
	color:#FF3333;
	font-weight:bold;
	text-align:center;;
	margin:30px 50px 20px 60px;
	padding:30px 0px;
	border:1px solid #CCCCCC;
	background-color:#EEEEEE;
}
div.mess_link {
	text-align:center;
	margin:50px;
}

div.copy {
	width:95%;
	text-align:center;
	font-size:12px;
	padding:15px 0px 25px 0px;
}

div.copy_line {
	width:95%;
	border-top:1px solid #CCCCCC;
	text-align:center;
	font-size:14px;
	padding:30px 0px 40px 0px;
}

span.users {
	font-size:14px;
	font-weight:bold;
	color: #CC0000;
	background-color: #FFEFCE;
}
span.users a { color: #CC0000; padding:0px 4px;}
span.users a:link    { color: #CC0000; padding:0px 4px;}
span.users a:visited { color: #CC0000; padding:0px 4px;}
span.users a:active  { color: #CC0000; padding:0px 4px;}
span.users a:hover   { color: #FFFFFF; background-color: #FF6600; padding:0px 4px;}

span.hatena_users {
	font-size:13px;
	font-weight:bold;
	color: #CC0000;
	background-color: #FFD9D9;
}
span.hatena_users a { color: #CC0000; padding:0px 4px;}
span.hatena_users a:link    { color: #CC0000; padding:0px 4px; }
span.hatena_users a:visited { color: #CC0000; padding:0px 4px; }
span.hatena_users a:active  { color: #CC0000; padding:0px 4px; }
span.hatena_users a:hover   { color: #FFFFFF; padding:0px 4px; background-color: #FF0033;}


span.size13 {
	font-size:13px;
}

span.red {
	color:#FF0000;
}

span.darkred {
	color:#CC0000;
}

span.redbold {
	color:red;
	font-weight:bold;
}

span.bluebold {
	color:#0033CC;
	font-weight:bold;
}

span.pricecolor {
	color:#B03804;
}
span.price_size_m {
	font-size:16px;
	font-weight:bold;
}

span.highlight1 {
	background-color: #ffff66;
	font-weight: bold;
}
span.highlight2 {
	background-color: #99ff99;
	font-weight: bold;
}
span.highlight3 {
	background-color: #ff9999;
	font-weight: bold;
}
span.highlight4 {
	background-color: #ff66ff;
	font-weight: bold;
}
span.help {
	font-size:12px;
	color:#666666;
}
div.help {
	font-size:12px;
	color:#666666;
}
.font17 {
	font-size:17px;
}

.sp_btnview{
	display:block;
	text-align:center;
	font-size:55px;
	font-weight:bold;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	padding:50px;
	margin:50px;
	text-decoration: none;
	border: 1px solid #333 ;
	background: #eee ;
	color: #3e3e3e ;
	font-weight: bold;
	background: -webkit-gradient(linear, left top, left bottom, from( #f0f0f0 ), to( #CCC )); /* Saf4+, Chrome */
	background: -webkit-linear-gradient( #f0f0f0 , #CCC ); /* Chrome 10+, Saf5.1+ */
	background:    -moz-linear-gradient( #f0f0f0 , #CCC ); /* FF3.6 */
	background:     -ms-linear-gradient( #f0f0f0 , #CCC ); /* IE10 */
	background:      -o-linear-gradient( #f0f0f0 , #CCC ); /* Opera 11.10+ */
	background:         linear-gradient( #f0f0f0 , #CCC );
}