@charset "utf-8";

/**
 * default style clear
 */

* {
	margin:0;
	padding:0;
}

html {
	height:100%;
	overflow-y:scroll;
}

body.two{
	background:url(../img/body_bg.png) repeat-y #F4F2ED;
}

body {
	background:#F4F2ED;
	color:#444;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:80%;
	height:100%;
	line-height:1.5;
	min-width:900px;
}

html>/**/body {
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:13px;
}

form {
	width:100%;
	/*height:100%;*/
	min-height:500px;
	background:url(../img/header_bg.png) repeat-x left top transparent;
}

input,select {
	font-size:100%;
}

input {
	padding:2px;
}

div:after,li:after {
	content:"";
	display:block;
	clear:both;
}

h1,h2,h3,h4,h5,h6 {
	color:#444;
	font-size:100%;
	font-weight:normal;
	letter-spacing:1px;
}

div.inner p {
	margin:0 0 1.5em 0;
}

/*
br {
	display:none;
}
*/

.caption br {
	display:inline;
}

li {
	list-style:none;
}

img,fieldset {
	border:0;
}

.clear {
	clear:both;
}

/**
 * base link color setting
 */

a {
	text-decoration:underline;
}

a:link { 
	color:#0d0d0d;
}

a:visited {
	color:#0d0d0d;
}

a:hover {
}

a:active {
	color:#888;
}

input{
	border-width:1px;
	border-color:#424242 #aaa #aaa #424242;
}

/**
 * header
 */

#header {
	background:url(../img/header_bg.png) repeat-x left top #565656;/*@*/
	width:100%;
	height:10px;
}
#header h1 {
	color:White !important;
	background:url(../img/logo.gif) no-repeat;
	float:left;
	margin:2px 0 0 10px;
	text-indent:-9999px;
	width:200px;
}

#header span {
	display:block;
	float:left;
	margin-top:2px;
}

#header a {
	background:url(../img/information_title_arr.gif) no-repeat left center;
	color:white;
	margin:0 20px 0 0;
	padding:2px 0 0 20px;
}

/**
 * contents
 */

#one_column_contents {
	clear:both;
	height:100%;
	padding-top:20px;
}

*+html body #one_column_contents {
	padding-top:30px;
}

#two_column_contents {
	clear:both;
	height:100%;
	min-width:640px;
}

/**
 * main
 */

#main {
	height:100%;
	left:0;
}

html>/**/body #main {
	width:100%;
}

#pkz {
	font-size:85%;
	margin:0 0 10px 0;
}

#one_column_contents #main .inner {
}

#two_column_contents #main .inner {
	background:url(../img/inner_bg.png) repeat-x #f4f2ed;
	margin:15px 0 0 205px;
}

*html body #two_column_contents #main .inner {
	margin-top:0;
}

html>/**/body #two_column_contents #main .inner {
	margin-top:15px;
}

#two_column_contents #main .inner h1 {
	background:url(../img/h1_right.gif) no-repeat right top;
	clear:both;
	margin:0 0 15px 0;
}

#two_column_contents #main .inner h1 span {
	background:url(../img/h1_left.gif) no-repeat left top;
	color:#fff;
	display:block;
	font-size:140%;
	font-weight:bold;
	height:30px;
	padding:8px 15px 7px;
}

div.filter_box {
	background:url(../img/filter_bg.png) no-repeat;
	margin:10px 0;
	padding:0 10px;
}

div#filter{
	background:url(../img/filter_bg.png) no-repeat;
	height:25px;
	margin:10px 0;
	padding:10px;
}

table#filter {
	height:45px;
	vertical-align:bottom;
}

#filter td {
	padding:0 5px 0 0;
}

td.filter_right {
	background:url(../img/filter_bg.png) no-repeat right top;
}

#filter p.back {
	background:url(../img/information_title_arr.gif) no-repeat left center;
	margin:0px 0 0 10px;
	padding:0 0 0 20px;
}

#filter input {
	float:left;
}

#filter span.keyword {
	background:url(../img/keyword.gif) no-repeat left center;
	display:block;
	padding:2px 0 0 25px;
	white-space:nowrap;
}

#filter td.link {
	background:url(../img/information_title_arr.gif) no-repeat left center;
	padding-left:18px;
}

#reflesh {
	margin:10px;
}

/* page navigation */
div.pager {
	clear:both;
	margin:30px 0 20px 20px;
}

div.pager a {
	margin:0 0 0 10px;
	text-decoration:underline;
}

div.sub_tit_literal {
	border:solid pink;
}

/**
 * sub
 */

#sub {
	color:#fff;
	height:100%;
	padding:0 10px;
	position:absolute;
	top:28px;
	width:185px;
}

#sub #welcome {
	background:url(../img/welcome_bg.gif) no-repeat;
	font-size:95%;
	font-weight:bold;
	margin:10px 0 0;
	padding:5px 10px 10px;
	text-align:center;
}

#sub .more {
	font-size:90%;
	margin:10px;
	text-align:right;
}

#sub .sub_header_panel {
	background: gray;
	color:#FFF;
	cursor:hand;
	cursor:pointer;
	font-weight:bold;
	height:27px !important;
	margin:5px 0 0;
	padding:10px 5px 0;
	width:175px;
}

#sub .sub_header_panel p {
	display:inline;
	float:left;
	margin:0 0 0 40px;
}

#sub .sub_header_panel span.expand {
	float:right;
	margin:0px 5px 0 0;
}

#sub .sub_header_panel:hover {
}

/* ----------------------- Panel: Information ---------------------------*/

#sub .p_information {
	background:url(../img/ph_info.gif) no-repeat;
}

/* ----------------------- Panel: Subscription ---------------------------*/

#sub .p_subscription {
	background:url(../img/ph_sub.gif) no-repeat;
}

/* ----------------------- Panel: Account ---------------------------*/
#sub .p_account {
	background:url(../img/ph_acnt.gif) no-repeat;
}

#sub .sub_header_panel img {
	margin:2px 0 0 2px;
}

#sub .sub_contents_panel {
	background:url(../img/sub_contents_panel_bg.gif) left bottom no-repeat;
	border:1px solid #858279;
	clear:both;
	line-height:1.5;
	overflow:hidden;
}
html>/**/body #sub .sub_contents_panel .sub_contents_panel {
	border:none;
}

#sub .sub_contents_panel ul {
	font-size:90%;
	margin:10px 10px 15px;
}

#sub .sub_contents_panel ul li {
	margin: 3px 0;
}
#sub .sub_contents_panel ul li a {
	background:url(../img/information_title_arr.gif) no-repeat left top;
	display:block;
	padding:0 0 0 20px;
}

#sub .sub_contents_panel ul h3 {
}

#sub .sub_contents_panel ul p {
		font-size:95%;
		margin:0 0 10px;
}

html>/**/body #sub .sub_contents_panel ul p {
	font-size:12px;
}

/* ----------------------- SubContentsPanel: Information ---------------------------*/

#sub .s_information li {
}

/* ----------------------- SubContentsPanel: Subscription ---------------------------*/

#sub .s_subscription {
}

/* ----------------------- SubContentsPanel: Account ---------------------------*/
#sub .s_account {
}

/***/

/**
 * information
 */

#information {
}

#information ul {
}

#information ul li {
	margin:0 0 10px;
}

#information ul li .publication_date {
	font-weight:bold;
	line-height:2;
}

#information ul li .title {
	background:url(../img/information_title_arr.png) no-repeat;
	margin:0 0 0 10px;
	padding:0 0 0 20px;
}

/**
 * information details
 */

#information_details h2 {
	font-size:150%;
	font-weight:bold;
	margin:0 0 20px;
}

#information_details #body {
	width:80%;
}

#information_details #body p a {
	color:#0069b3;
}

#information_details #publication_date {
	text-align:right;
	margin:10px;
}

/**
 * subscription title
 */

#subscription_title {
	height:100%;
}

#subscription_title ul {
}

#subscription_title ul li {
	float:left;
	height:400px;
	padding:10px;
	text-align:center;
	width:180px;
}

#subscription_title ul li .thumbnail {
	height:200px;
	padding:10px;
}

#subscription_title ul li .thumbnail img {
	border:1px solid #999;
	height:100%;
}

#subscription_title ul li .information {
	overflow-y:hidden;
	padding:0 10px 10px 10px;
	text-align:center;
}

#subscription_title ul li .release_date {
	font-size:85%;
	margin:0;
}

#subscription_title ul li .title_name {
	font-size:100%;
	font-weight:bold;
	margin:5px 0 0 0;
}

#subscription_title ul li .product_name {
	font-size:90%;
	font-weight:bold;
	margin:0;
}

#subscription_title ul li .buy {
	margin:10px 0 0 0;
}

#subscription_title ul li .backnumber {
	margin:10px 0 0 0;
}

/**
 * subscription product details
 */

#subscription_product_details {
}

#subscription_product_details #box {
}

#subscription_product_details #box br {
	display:block;
}

#subscription_product_details #thumbnail {
	float:left;
	height:200px;
	padding:10px;
	text-align:center;
	width:160px;
}

#subscription_product_details #thumbnail img {
	border:1px solid #CCC;
	height:100%;
}

#subscription_product_details div#info {
	font-size:110%;
	font-weight:bold;
	float:left;
}

#subscription_product_details div#info #price {
}

#subscription_product_details div#info #publisher {
}

#subscription_product_details div#info #publication_interval {
}

#subscription_product_details div#headline {
	clear:both;
	font-size:110%;
	font-weight:bold;
	padding:5px 10px 5px 0;
}

#subscription_product_details div#description {
	font-size:100%;
	padding:5px 10px 5px 0;
}

#subscription_product_details div#description2 {
	font-size:90%;
	padding:5px 10px 5px 0;
}

#subscription_product_details div#toc {
}

#subscription_product_details div#toc #caption {
	font-size:120%;
	font-weight:bold;
	margin:0 0 10px 0;
}

/**
 * book viewer
 */

#book_viewer {
	bottom:0;
	left:0;
	position:absolute;
	right:0;
	top:25px;
}

/**
 * account check
 */

#account_check {
}

#account_check #check_form {
	background:#fcf9d2;
	border:1px solid #aaa;
	margin:10px;
	padding:15px 15px 10px;
	width:600px;
}

#account_check #check_form input {
}

#account_check #check_form .box {
	clear:both;
	margin:0 0 5px;
}

#account_check #check_form .box .head {
	float:left;
	width:150px;
}

#account_check #check_form .box .item {
	float:left;
}

/**
 * account edit
 */

#account_edit {
}

#account_edit .description {
}

#account_edit .description2 {
}

#account_edit .attention {
	color:red;
}

#account_edit .edit_form {
	background:#fff;
	border:1px solid #aaa;
	margin:0 10px 30px;
	padding:10px;
}

#account_edit .edit_form .box {
	border-bottom:1px dashed #ddd;
	clear:both;
	width:100%;
}

#account_edit .edit_form .box:first-child {
	border-top:1px dashed #ddd;
}

#account_edit .edit_form .box .head {
	border-left:3px solid gray;
	float:left;
	width:160px;
	padding:5px 10px 5px;
}

#account_edit .edit_form .box .item {
	float:left;
	padding:5px;
}

/**
 * card regist
 */

#card_regist {
}

#card_regist .description {
}

#card_regist .description2 {
}

#card_regist .attention {
	color:red;
}

#card_regist .edit_form {
	background:#fff;
	border:1px solid #aaa;
	margin:0 10px 30px;
	padding:10px;
}

#card_regist .edit_form .box {
	border-bottom:1px dashed #ddd;
	clear:both;
	width:100%;
}

#card_regist .edit_form .box:first-child {
	border-top:1px dashed #ddd;
}

#card_regist .edit_form .box .head {
	border-left:3px solid gray;
	float:left;
	padding:5px 10px 5px;
	width:160px;
}

#card_regist .edit_form .box .item {
	float:left;
	padding:5px;
}

.ime-off input {
	ime-mode:disabled;
}

#ctl00_MainContentPlaceHolder_UserTypeRadioButtonList input,
table.nnn input {
	border:none !important;
}

span.page_button {
	margin:0 0 0 10px!important;
}

/**
 * purchase details
 */

#purchase_details {
}

#purchase_details table#details {
	width:700px;
}

#purchase_details table#details tr:hover {
	border:solid red;
}

#purchase_details table#details th {
}

#purchase_details table#details td {
	background:#FFF;
	border:#CCC solid;
	border-width:0 0 1px 1px;
	padding:5px 10px 2px 8px;
	text-align:center;
	white-space:nowrap;
}

#purchase_details table#details td:first-child {
	text-align:left;
}

#purchase_details div#total {
	font-size:120%;
	font-weight:bold;
	margin:10px 0 0;
	text-align:right;
	width:700px;
}

/**
 * subscriptions
 */

#subscriptions {
}

#subscriptions table#details {
}

#subscriptions table#details th {
}

#subscriptions table#details td {
	background:#FFF;
	border:#CCC solid;
	border-width:0 0 1px 1px;
	padding:5px;
	text-align:center;
	white-space:nowrap;
}

/**
 * login
 */


/*
#login {
}

#login h1 {
	border-bottom:1px solid #CCC;
	font-size:120%;
	font-weight:bold;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

em {
	color:red;
}

div.colmask {
	width:100%;
	height:100%;
}

#datainput {
	margin:0 20px;
}

div.total {
	font-weight:bold;
	padding:5px 18px;
	font-size:18px;
	text-align:right;
	background:#DDD;
	border-width:1px 1px 0;
}

#datainput div.flow {
	height:27px;
	line-height:2;
	margin:5px 0 5px 0;
}

#datainput div.flow img {
	float:right;
	margin-right:10px;
}

#datainput div.flow input {
	float:right;
	margin-right:10px;
}

#datainput div.caption {
	width:920px;
	margin:20px 0;
}

#datainput div.caption2 {
	border-top:1px solid #DDD;
	height:400px;
	padding:10px 5px;
}

#datainput div.caption h3 {
	font-size:17px;
}

.step1 {background:url(../img/step1.gif) no-repeat left center;}
.step2 {background:url(../img/step2.gif) no-repeat left center;}
.step3 {background:url(../img/step3.gif) no-repeat left center;}
.step4 {background:url(../img/step4.gif) no-repeat left center;}

#datainput table.box {
	margin:0 auto;
}

#datainput table.box input {
	width:220px;
}

#datainput dt {
	float:left;
	margin-right:10px;
}

#datainput dd ul li {
	margin:5px;
}

#datainput dd ul li.magazinetitle {
	font-weight:bold;
}

#datainput div.login_box {
	background:#fff6c6;
	border:1px solid #ecdd8e;
	margin:0 20px;
	padding:10px 0 0;
}

#datainput .password div.login_box {
	background:#efefef;
	border:1px solid #ddd;
}

#datainput table.box th,
#datainput table.box td {
	padding:4px;
	text-align:left;
}

#datainput table.box td {
	width:200px;
}

#datainput table.box th,
#datainput table.box td {
	font-weight:bold;
	vertical-align:top;
	word-break:keep-all;
}

#datainput div.cardselect table.box th,
#datainput div.cardselect table.box td {
	background:#F1F1F1;
	padding:5px;
}

#datainput table.box th,
#datainput div.cardselect table.box th {
	padding-left:15px;
}

#datainput div.mustinput {
	margin-bottom:20px;
}

#datainput div.mustinput table.box th {
	background:url(../img/mustinput.gif) no-repeat right center #FFF9BD;
}

#datainput table td.right_box {
	padding-left:15px;
}

#datainput div.button {
	padding:15px 0;
	text-align:center;
}

ul.attention b {
	color:red;
}

ul.attention li {
	font-size:12px;
	margin:5px 2px 0;
}

ul.attention li.caption {
	background:#EFEFEF;
	border-top:2px solid #CCC;
	border-bottom:1px solid #CCC;
	list-style:none;
	margin:0;
	padding:5px;
}

table.login {
}

table.login td {
	padding:0 20px 0 0;
	width:500px;
}

table.login td p {
	margin:15px;
}

table.login div.member {
	border:2px solid #1897b4;
	border-top:none;
}

div.member,div.nonmember {
	background:#fff;
	width:100%;
}

h3.member,h3.nonmember {
	font-size:120%;
	font-weight:bold;
	line-height:2;
	padding:2px 0 0 12px;
}

h3.member {
	background:#1897b4;
	color:#FFF;
}

Ttable.login div.nonmember {
	border:2px solid #D5D5D5;
}

div.nonmember img {
	margin:0 0 30px 25px;
}

h3.nonmember {
	background:#EEE;
	border-bottom:1px solid #ccc;
	color:#3d3d3d;
}

h3.nonmember span {
	color:Tomato;
}

div.password {
	border:1px solid #CCC;
	margin:20px;
}

div.password p {
	margin:10px!important;
}

div.password table {
	margin:5px 0 0 10px!important;
}

.input_num {
	ime-mode:disabled;
}
*/



#information,
#information_details,
#subscriptions,
#subscription_title,
#subscription_product_details,
#account_edit,
#account_check,
#card_regist,
#purchase_details {
	border:0px solid pink;
	padding:10px 15px 10px;
}

#account_check #description,
#information_details #body,
#information ul,
p#description,
p#description2 {
	margin:10px 10px;
}

#purchase_details table#details,
#subscriptions table#details {
	border:1px #CCC solid;
	border-collapse:collapse;
	border-spacing:0;
}

#purchase_details table#details th,
#subscriptions table#details th {
	background:#e7e1d3;
	border:#CCC solid;
	border-width:0 0 1px 1px;
	font-weight:bold;
	line-height:120%;
	padding:5px;
	text-align:center;
	white-space:nowrap;
}