/*
 * COSMICRAY OWS STYLE-SHEET for PC
 * Copyright(c) 2012 Cosmic Ray,Inc. All Rights Reserved.
 * http://www.cosmicray.co.jp/
 */

/* ---- id control ---- */
#navigation {
	padding: 3px 0px 10px;
	text-align: left;
}

#works_menu, #release_list_menu {
	float:left;
	margin: 10px 5px 10px 3px;
	text-align: left;
}
#link_left, #link_right {
	float:left;
	margin: 10px 7px;
	text-align: left;
}
#release_list_menu {width: 200px;}
#release_list_menu h3 {
	margin: 40px 10px 5px;
	background-color: #8483a3;
	color: #fff;
	border-bottom: #616073 2px solid;
	font-size: 13px;
	text-align: center;
}
#works_menu {width: 140px;}
#works_menu ul,#release_list_menu ul {list-style-type: none;}
#works_menu ul ul {padding-left: 15px;}
#works_contents, #release_list_contents {
	float:left;
	margin: 3px 3px 15px 0px;
	text-align: left;
}
#works_contents {width: 627px;}
#release_list_contents {width: 567px;}
#release_list_contents dd {padding-left: 5px;}

#link_left, #link_right {width: 375px;}


#company, #sitemap, #info, #aboutus, #link, #shop {margin: 10px auto;}
#company dl, #sitemap dl, #shop dl {margin: 0px 10px;}
#mailform {
	margin: 10px;
	text-align: left;
}
#mailform ul{margin: 15px 25px;}
#mailform p {padding: 15px 5px;}

#sitemap dl {text-align: left;}
#sitemap dd {
	padding-left: 10px;
	display: inline;
}
#sitemap a:link, #sitemap a:visited, #aboutus a:link, #aboutus a:visited {text-decoration: underline;}
#sitemap a:hover,#sitemap a:active, #aboutus a:hover, #aboutus a:active {text-decoration: none;}
#info, #aboutus_contents {
	padding: 0px 10px;
	text-align: left;
	}

#mailform input, #mailform textarea {font-size: 13px;}
#mailform textarea {margin: 2px 0px 5px;}

#privacy, #shop_guide {
	margin: 0 auto;
	text-align: center;
	width: 760px;
}
#privacy h1, #privacy h2, #privacy p, #shop_guide h1, #shop_guide h2, #shop_guide p {text-align: left;}
#privacy h1, #shop_guide h1 {
	margin: 10px 0px 5px;
	padding: 1px 5px;
	font-size: 120%;
	background-color: #8483a3;
	color: #fff;
	border-bottom: #616073 4px solid;
}
#privacy h2, #shop_guide h2 {
	margin: 0px 0px 5px;
	padding: 1px 7px;
	font-size: 110%;
	background-color: #8483a3;
	color: #fff;
	border-bottom: #616073 2px solid;
}


/* ---- class control ---- */
#company .entry, #shop .entry, #company .contents, #shop .contents {
	float: left;
	text-align: left;
}
#company .entry {width: 125px;}
#company .contents {width: 630px;}
#shop .entry {width: 185px;}
#shop .contents {width: 570px;}
#company .footer, #shop .footer {
	clear:both;
	width: 760px;
	padding: 7px 0px;
}
#aboutus_contents .aboutus_footer, #privacy .privacy_footer, #shop_guide .guide_footer {
	width: 760px;
	padding: 7px 0px 15px;
}

#works_menu .sub_category {padding-left: 10px;}
#works_contents .works_caption, #works_contents .works_sub_caption, #release_list_contents .release_caption, #mailform .mailform_caption, #aboutus .aboutus_caption {
	margin: 10px 0px 5px;
	font-weight: bold;
}
#privacy .privacy_body, #shop_guide .guide_body {
	padding: 5px 10px 15px;
}

#works_contents .works_caption, #release_list_contents .release_caption, #mailform .mailform_caption, #aboutus .aboutus_caption {
	padding: 1px 5px;
	font-size: 120%;
	background-color: #8483a3;
	color: #fff;
	border-bottom: #616073 4px solid;
}
#works_contents .works_sub_caption {
	color: #616073;
	border-bottom: #8483a3 1px solid;
}
#link_right .link_sub_caption {
	color: #616073;
	font-weight: bold;
}

#works_contents .footer {
	width: 627px;
	padding: 1px 0px;
}

#release_list_menu .shop {
	margin: 0px 17px 5px;
	text-align: center;
}
#release_list_menu .shop p {
	text-align: left;
	margin: 3px 0px 10px;
}
#release_list_menu .shopmark {margin: 7px 0px 10px;}
#release_list_contents .footer {
	width: 567px;
	padding: 1px 0px;
}
#link .link_left_footer {margin-bottom: 5px;}

#info .info_archive_data {
	font-size: 100%;
	margin: 0px 0px 10px;
}
#info .info_caption {
	padding: 4px 5px 2px;
	font-size: 120%;
	background-color: #8483a3;
	color: #fff;
	border-bottom: #616073 4px solid;
}
#info .info_entry p, #aboutus_contents p {
	padding: 10px 3px 7px;
}

#info .info_entry {
	border-bottom: #8483a3 1px dashed;
	margin-bottom: 15px;
}

#info .info_caption a {
	font-weight: bold;
	color: #fff;
}
#info .info_meta {
	text-align: right;
	margin: 0px 0px 10px;
	color: #888;
}

#info a.bold {font-weight: bold;}
#info .info_caption a:link, #info .info_caption a:visited {text-decoration: underline;}
#info .info_caption a:hover, #info .info_caption a:active {text-decoration: none;}

#info .info_meta a {color: #777;}
#info .share {
	text-align: right;
	margin: 5px 5px 0px ! important;
}

#mailform .warning {color: #c00;}
#mailform .mailform_table_menu {
	padding: 1px 7px;
	width: 130px;
	border: #ccc 1px solid;
	background-color: #eee;
}
#mailform .mailform_table_contents {
	padding: 1px 3px;
	width: 500px;
	border: #ccc 1px solid;
	background-color: #eee;
}
#mailform .mailform_clear {padding: 10px 0px 120px;}

#link_contents .link_footer {margin-bottom: 5px;}
#shop_guide .shopmark {margin: 0px 5px 5px 0px;}

#shop_guide .guide_body ol, #shop_guide .guide_body ul {
	margin: 0px 3px 0px 9px;
	padding: 0px 3px 0px 9px;
}
#shop_guide .guide_body li, #shop_guide .guide_body p {
	text-align: left;
	line-height: 160%;
	margin-bottom: 10px;
}