/* logpaper 08 */

/*期間限定*/
.creative{
	text-align:right;
	padding-top:10px;
	}


/* ----------------------------------------------------------------------------------------- */
/* logpaper共通 */

* {
	margin:0;
	padding:0;
}
html, body {
	width:100%;
}
body {
width:100%;
font-family:"ＭＳ Ｐゴシック", sans-serif;/*IE6*/
font-size:12px;
text-align:justify;
text-justify:inter-ideograph;
color:#404040;
letter-spacing:0;
line-height:140%;
background-color:#F1F7E5;
 }
*:first-child+html body {/*IE7ハック*/
   font-family:
   "メイリオ",
   "ＭＳ Ｐゴシック",
    sans-serif;
}
html>body {/*それ以外ハック*/
   font-family:
   "Hiragino Kaku Gothic Pro",
   "ヒラギノ角ゴ Pro W3",
    Osaka,
    sans-serif;
}
a {
	color:#339900;
	border:none;
	text-decoration:underline;
	outline:0;
}
a:hover {
	border:none;
	text-decoration:none;
}
a:active {
	border:none;
}
a:visited {
	border:none;
}
h1 {
	font-size:14px;
	font-weight:normal;
}
img {
	border:none;
}
hr {
	border-bottom: thin solid #CCCCCC;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	margin-bottom:10px;
}

.caution {
	color:#CC0000;
}
.mark {
color:#FF9900;
}
.normal {
font-weight:normal;
font-size:12px;
}
.center {
margin:0 auto;
text-align:center;
}
.space {
padding:5px 0 0 0
}
.clear {
	clear:both;
}
.red {
	color:#e60202;
}
.small_red{
	font-size:11px;
	color:#e60202;
}
.smallbox {
font-size:11px;
margin:5px 0;
}
 
#lp_body {
	margin:10px auto;
	width:864px;
}

.line{
	width:100%;
	height:2px;
	border-bottom:dotted 2px #ccc;
	margin:5px 0;
	}
.table_line td{
	border:1px #ccc solid;
	padding:5px;
	}
/* ----------------------------------------------------------------------------------------- */

/*new メンバーエリア*/
* html #member { behavior: expression(IEPNGFIX.fix(this)); }
#member {
height:42px;
width:864px;
background-image:url(images/bg_header.png);
background-repeat:no-repeat;
position:relative;
z-index:1;
}
.member_layer {
position:relative;
z-index:3;
margin-top:-20px;
padding:0 50px 0px;
}
.layer {
position:relative;
margin-top:3px;
z-index:2;
}
/*IEとOpera以外*/
:root .layer {
margin-top:3px;
}

.member_layer .welcome {
}
.member_layer .login {
text-align:right;
}

/* ----------------------------------------------------------------------------------------- */
/*背景　透過*/
* html .bg_left { behavior: expression(IEPNGFIX.fix(this)); }
.bg_left {
background-image:url(images/bg_left.png);
background-repeat:repeat-y;
background-position:left top;
}

* html .bg_right { behavior: expression(IEPNGFIX.fix(this)); }
.bg_right {
background-image:url(images/bg_right.png);
background-repeat:repeat-y;
background-position:right top;
}
#main {
width:802px;
background-color:#FFF;
}

* html .bg_footer { behavior: expression(IEPNGFIX.fix(this)); }
.bg_footer {
clear:both;
background-image:url(images/bg_footer.png);
background-repeat:no-repeat;
height:40px;
width:864px;
}
#footer {
vertical-align:middle;
color:#666;
font-size:11px;
text-align:center;
}

/* ----------------------------------------------------------------------------------------- */
/* プリロード */

#preload {
width: 0px;
height: 0px;
display: inline;
background-image:url(images/logo2.png);
background-image:url(images/btn_make_minicard2.png);
background-image:url(images/btn_make_card2.png);
background-image:url(images/btn_make_note2.png);
background-image:url(images/btn_about_minicard2.png);
background-image:url(images/btn_about_card2.png);
background-image:url(images/btn_about_note2.png);
}

/* ----------------------------------------------------------------------------------------- */
/*ボタン　透過*/

	/*矢印グレー gif*/
	.btn_arrow_gray {
	background:url(images/btn_arrow_gray2.gif) no-repeat;
	height:20px;
	line-height:20px;
	vertical-align:middle;
	text-indent:27px;
	}
	.btn_arrow_gray a {
	background:url(images/btn_arrow_gray.gif) no-repeat;
	display:block;
	height:20px;
	text-decoration:underline;
	color:#4D4D4D;
	}
	.btn_arrow_gray a:hover {
	text-decoration:none;
	background:none;
	}
	/*矢印グリーン 右→ gif*/
	.btn_arrow_green {
	background:url(images/btn_arrow_green2.gif) no-repeat;
	height:20px;
	line-height:20px;
	vertical-align:middle;
	text-indent:27px;
	}
	.btn_arrow_green a {
	color:#339900;
	background:url(images/btn_arrow_green.gif) no-repeat;
	display:block;
	height:20px;
	text-decoration:underline;
	}
	.btn_arrow_green a:hover {
	text-decoration:none;
	background:none;
	}
	/*矢印グリーン 下↓ gif　△作りかけ*/
	.btn_downarrow_green {
	background:url(images/btn_downarrow_green2.gif) no-repeat;
	background-position:center top;
	height:40px;
	text-align:center;
	}
	.btn_downarrow_green a {
	background:url(images/btn_downarrow_green.gif) no-repeat;
	background-position:center top;
	height:40px;
	text-decoration:underline;
	}
	.btn_downarrow_green a:hover {
	text-decoration:none;
	background:none;
	}
	
	
	#design .btn_arrow_green {
	background:url(images/btn_arrow_green2.gif) no-repeat;
	height:20px;
	line-height:20px;
	vertical-align:middle;
	text-indent:27px;
	position:relative;
	top:155px;
	left:635px;
	}
	
	/*ロゴ*/
	* html #ctl00_cphContentHeader_lnkTop {
	behavior: expression(IEPNGFIX.fix(this));
	}
	a#ctl00_cphContentHeader_lnkTop {
	background:url(images/logo.png) no-repeat;
	display:block;
	width:162px;
	height:32px;
	cursor:pointer;
	}
	a#ctl00_cphContentHeader_lnkTop:hover {
	background-image:url(images/logo2.png);
	}
	#ctl00_cphContentHeader_lnkTop {
	position:relative;
	top:4px;
	left:4px;
	}
	
	/*miniCARDをつくる*/
	* html .btn_make_minicard {
	behavior: expression(IEPNGFIX.fix(this));
	}
	a.btn_make_minicard {
	background:url(images/btn_make_minicard.png) no-repeat;
	display:block;
	width:187px;
	height:30px;
	cursor:pointer;
	}
	a.btn_make_minicard:hover {
	background-image:url(images/btn_make_minicard2.png);
	}
	.btn_make_minicard {
	text-indent:-9999px;
	}
			
		/*miniCARDについて*/
		* html .btn_about_minicard {
		behavior: expression(IEPNGFIX.fix(this));
		}
		a.btn_about_minicard {
		background:url(images/btn_about_minicard.png) no-repeat;
		display:block;
		width:156px;
		height:21px;
		cursor:pointer;
		}
		a.btn_about_minicard:hover {
		background-image:url(images/btn_about_minicard2.png);
		}
		.btn_about_minicard {
		text-indent:-9999px;
		}
	
	/*CARDをつくる*/
	* html .btn_make_card {
	behavior: expression(IEPNGFIX.fix(this));
	}
	a.btn_make_card {
	background:url(images/btn_make_card.png) no-repeat;
	display:block;
	width:152px;
	height:30px;
	cursor:pointer;
	}
	a.btn_make_card:hover {
	background-image:url(images/btn_make_card2.png);
	}
	.btn_make_card {
	text-indent:-9999px;
	}
			
		/*CARDについて*/
		* html .btn_about_card {
		behavior: expression(IEPNGFIX.fix(this));
		}
		a.btn_about_card {
		background:url(images/btn_about_card.png) no-repeat;
		display:block;
		width:136px;
		height:21px;
		cursor:pointer;
		}
		a.btn_about_card:hover {
		background-image:url(images/btn_about_card2.png);
		}
		.btn_about_card {
		text-indent:-9999px;
		}
	
	
	/*NOTEをつくる*/
	* html .btn_make_note {
	behavior: expression(IEPNGFIX.fix(this));
	}
	a.btn_make_note {
	background:url(images/btn_make_note.png) no-repeat;
	display:block;
	width:152px;
	height:30px;
	cursor:pointer;
	}
	a.btn_make_note:hover {
	background-image:url(images/btn_make_note2.png);
	}
	.btn_make_note {
	text-indent:-9999px;
	}
			
		/*noteについて*/
		* html .btn_about_note {
		behavior: expression(IEPNGFIX.fix(this));
		}
		a.btn_about_note {
		background:url(images/btn_about_note.png) no-repeat;
		display:block;
		width:126px;
		height:21px;
		cursor:pointer;
		}
		a.btn_about_note:hover {
		background-image:url(images/btn_about_note2.png);
		}
		.btn_about_note {
		text-indent:-9999px;
		}

/*novelをつくる*/
	.btn_make_novel {
	behavior: expression(IEPNGFIX.fix(this));
	}
	a.btn_make_novel {
	background:url(images/btn_make_novel.png) no-repeat;
	display:block;
	width:158px;
	height:28px;
	cursor:pointer;
	}
	a.btn_make_novel:hover {
	background-image:url(images/btn_make_novel2.png);
	}
	.btn_make_novel {
	text-indent:-9999px;
	}
			
		/*novelについて*/
		* html .btn_about_card {
		behavior: expression(IEPNGFIX.fix(this));
		}
		a.btn_about_card {
		background:url(images/btn_about_card.png) no-repeat;
		display:block;
		width:136px;
		height:21px;
		cursor:pointer;
		}
		a.btn_about_card:hover {
		background-image:url(images/btn_about_card2.png);
		}
		.btn_about_card {
		text-indent:-9999px;
		}

	
	/*矢印グレー IEで不具合*/
	/** html #btn_arrow_gray {
	behavior: expression(IEPNGFIX.fix(this));
	}
	a#btn_arrow_gray {
	background:url(images/btn_arrow_gray.png) no-repeat;
	display:block;
	height:20px;
	text-decoration:underline;
	}
	a#btn_arrow_gray:hover {
	background-image:url(images/btn_arrow_gray2.png);
	text-decoration:none;
	}
	#btn_arrow_gray {
	text-indent:27px;
	position:relative;
	top:5px;
	left:5px;
	line-height:20px;
	vertical-align:middle;
	color:#4D4D4D;
	}*/
	/*矢印グレー　各アイテム*/
	/** html #btn_arrow_gray_minicard, #btn_arrow_gray_card, #btn_arrow_gray_note {
	behavior: expression(IEPNGFIX.fix(this));
	}
	a#btn_arrow_gray_minicard, #btn_arrow_gray_card, #btn_arrow_gray_note {
	background:url(images/btn_arrow_gray.png) no-repeat;
	display:block;
	height:20px;
	text-decoration:underline;
	}
	a#btn_arrow_gray_minicard:hover {
	background-image:url(images/btn_arrow_gray2.png);
	text-decoration:none;
	}
	a#btn_arrow_gray_card:hover {
	background-image:url(images/btn_arrow_gray2.png);
	text-decoration:none;
	}
	a#btn_arrow_gray_note:hover {
	background-image:url(images/btn_arrow_gray2.png);
	text-decoration:none;
	}
	#btn_arrow_gray_minicard, #btn_arrow_gray_card, #btn_arrow_gray_note {
	text-indent:27px;
	position:relative;
	top:5px;
	left:5px;
	line-height:20px;
	vertical-align:middle;
	color:#4D4D4D;
	}*/

/* ----------------------------------------------------------------------------------------- */
/* header ヘッダー */

#header {
background:url(images/bg_header.gif) no-repeat;
width:800px;
height:40px;
line-height:40px;
vertical-align:middle;
}
#header a {
	text-decoration:none;
}
#header a:hover {
	text-decoration:underline;
}
#header h1 {
color:#a0918b;
font-size:18px;
margin-left:200px;
margin-top:-30px;
letter-spacing:1px;
}
#global {
padding:12px 10px 0;
font-size:12px;
color:#C0C0C0;
}
#global img {
margin-right:5px;
position:relative;
top:2px;
}
#global .product {
	float:left;
}
.global_item a {
color:#FF9900;
}
.global_showcase a {
color:#339900;
}
#global .info {
	float:right;
color:#333;
}

/* ----------------------------------------------------------------------------------------- */
/*ポップアップ*/

#frame_popup {
margin:10px auto;
}
#header_popup {
background:url(images/logo_popup.jpg) no-repeat;
width:162px;
height:32px;
}
.close {
text-align:center;
margin:10px auto;
font-weight:bold;
font-size:14px;
}
.close a {
text-decoration:none;
}
.close a:hover {
text-decoration:underline;
}


/*規約用タイトル*/
#rule #title #text {
width:auto;
padding:0 20px;
}
#rule div {
padding:10px;
}

/*未使用*/
#my_body_popup {
	margin:0 auto;
}
#header_popup .left {
	background-image:url(images/header_left.gif);
	background-repeat:no-repeat;
	width:167px;
	height:38px;
}
#header_popup .center {
	background-image:url(images/header_center.gif);
	background-repeat:repeat-x;
	height:38px;
}
#header_popup .right {
	background-image:url(images/header_right.gif);
	background-repeat:no-repeat;
	height:38px;
	width:18px;
}
#main_popup {
	height:100%;
	background-image:url(images/border_left.gif);
	background-repeat:repeat-y;
	background-position:left;
}
#border_r_popup {
	height:100%;
	background-image:url(images/border_right.gif);
	background-repeat:repeat-y;
	background-position:right;
}

#contents_popup {
	padding:20px 0;
	line-height:120%;
	font-size:100%;
}
#contents_popup table td {
	line-height:20px;
	padding:2px 3px;
	letter-spacing:0;
}
#footer_popup {
	clear:both ;
	width:100%;
	height:34px ;
}
#footer_popup .left {
	background-image:url(images/footer_left.gif);
	background-repeat:no-repeat;
	width:19px;
	height:34px;
}
#footer_popup .center {
	background-image:url(images/footer_center.gif);
	background-repeat:repeat-x;
	height:34px;
}
#footer_popup .copy {
	text-align:right;
	font-size:80%;
	color:#FFF;
	position:relative;
	top:-4px;
}
#footer_popup .right {
	background-image:url(images/footer_right.gif);
	background-repeat:no-repeat;
	width:19px;
	height:34px;
}
#gray_base_popup {
	width:100%;
	height:100%;
	background-color:#E5E5E5;
	position:relative;
	top:10px;
	margin-bottom:20px;
	padding-top:28px;
	padding-bottom:28px;
}
#white_base_popup {
	width:80%;
	height:100%;
	background-color:#FFF;
	padding:20px;
}

/* ----------------------------------------------------------------------------------------- */
/* master ヘルプウィンドウ+カートウィンドウ */
.body_wh {
background-color:#FFF;
}
.body_wh table {
margin:0 auto;
}
#header_help #logo {
background:url(images/help_top2.jpg) no-repeat;
text-indent:-9999px;
margin-bottom:10px;
}
#header_help #logo a {
background:url(images/help_top.jpg) no-repeat;
display:block;
width:157px;
height:24px;
}
#header_help #logo a:hover {
background:none;
}
#main_help {
width:840px;
/*max-height:540px;*/
margin:0 auto;
}
.contents_help {
}

#LeftNavi {
float:left;
width:180px;
padding:0 5px;
/*max-height:600px;
height:600px;
border:none;
overflow:scroll;
overflow-y:scroll;
overflow-x:hidden;*/
font-weight:bold;
}
#LeftNavi a {
text-decoration:none;
}
#LeftNavi a:hover {
color:#404040;
text-decoration:underline;
}

.helplink {
}
.helplink_select {/*選択*/
color:#404040;
text-decoration:none;
}
#Category {
color:#808080;
font-size:13px;
margin:10px 0 3px 0;
padding-bottom:3px;
border-bottom:1px dotted #999;
}

#mainContents {
float:right;
width:600px;
padding:10px;
/*max-height:420px;
height:420px;
border:none;
overflow:scroll;
overflow-y:scroll;
overflow-x:hidden;*/
}
#mainContents h1 {
margin-right:20px;
line-height:140%;
}

#menu ul {
list-style-type:none;
line-height:160%;
font-weight:bold;
padding:0;
}

#Div1 ul {
list-style-type:none;
line-height:160%;
font-weight:bold;
}
#Div2 ul {
list-style-type:none;
line-height:160%;
font-weight:bold;
}
#Div3 ul {
list-style-type:none;
line-height:160%;
font-weight:bold;
}

#menu .sub {
color:#CCC;
margin-left:1.5em;
list-style:disc;
font-weight:normal;
}

/*ヘルプ用タイトル*/
#mainContents #title #text {
width:auto;
padding:0 20px;
}

/* info.logpaper→ */
/* イントロテキスト */
.intro {
	color:#4D4D4D;
	margin:10px 0 5px;
}
/* エントリーイメージ */
#entry_body img {
}

/* ■キャプチャ動画 */
#movie {
	float:right;
	margin-left:10px;
	text-align:center;
	font-size:11px;
}
/* ■キャプチャ画面説明 */
.fig {
	list-style-type: upper-alpha;
	margin-left:20px;
	line-height:180%;
}
*:first-child+html .fig { /*IE7ハック*/
margin-left:30px;
}
/* ■キャプチャ画像 */
.cap {
	float:right;
	margin-left:10px;
	text-align:center;
	font-size:11px;
}
#cap {
	float:right; margin-left:10px;
	text-align:center;
	font-size:11px;
}	
.temp_guide {
		border-left:solid 36px #E6E6E6;
		border-right:solid 36px #E6E6E6;
		border-top:solid 18px #E6E6E6;
		border-bottom:solid 18px #E6E6E6;
		padding:10px 20px;
		text-align:center;
}
#mid {
	margin:0 auto;
	text-align:center;
}
#mid hr {
	margin:10px 0;
	border-bottom: 1px solid #E6E6E6;
}

/* ----------------------------------------------------------------------------------------- */
/* 角丸 */
.bg_round_tl {
background:url(images/bg_round_tl.gif) no-repeat;
background-position:bottom right;
width:11px;
height:10px;
}
.bg_round_tc {
background:url(images/bg_round_tc.gif) repeat-x;
background-position:bottom;
height:10px;
}
.bg_round_tr {
background:url(images/bg_round_tr.gif) no-repeat;
background-position:bottom left;
width:11px;
height:10px;
}
.bg_round_left {
background:url(images/bg_round_left.gif) repeat-y;
background-position:right;
width:11px;
}
.bg_round_right {
background:url(images/bg_round_right.gif) repeat-y;
background-position:left;
width:11px;
}
.bg_round_bl {
background:url(images/bg_round_bl.gif) no-repeat;
background-position:top right;
width:11px;
height:10px;
}
.bg_round_bc {
background:url(images/bg_round_bc.gif) repeat-x;
background-position:top;
height:10px;
}
.bg_round_br {
background:url(images/bg_round_br.gif) no-repeat;
background-position:top left;
width:11px;
height:10px;
}

/* ----------------------------------------------------------------------------------------- */
/* contents コンテンツ */

	/*背景*/
#contents_top {
margin-top:20px;
}
.contents_body {
}


#contents { 
	margin:0 auto;
	padding-bottom:10px;
	line-height:140%;
	font-size:100%;
}
#contents h1 {
font-size:18px;
}

/*タイトル*/

#title {
	color:#FFF;
	font-size:100%;
	height:24px;
	margin-bottom:8px;
}
#title li {
	float:left;
	list-style:none;
F-height:24px;
	vertical-align:middle;
}
#title_left {
	background-image:url(images/title_left.gif);
	width:12px;
	height:24px;
}
#title_right {
	background-image:url(images/title_right.gif);
	width:12px;
	height:24px;
}
#title #text {
	background:#666666;
	height:24px;
	line-height:24px;
	vertical-align:middle;
	width:756px;
}
#title #text strong {
letter-spacing:1px;
}
#title #text a {
color:#FFF;
}
#title #text a strong {
letter-spacing:0px;
}
#title #text a:hover {
}

/*タイトル 横フリー*/
#free #title #text {
width:auto;
padding:0 20px;
}


/*タイトル　ピンク*/
.title_pink_bar {
	background:url(images/title_pink.gif) no-repeat;
	width:166px;
	height:21px;
	line-height:21px;
	vertical-align:middle;
	color:#FFF;
	font-weight:bold;
	font-size:100%;
	margin-bottom:8px;
	text-align:center;
	margin:0 auto;
}

/*タイトル　グリーン*/
.title_green_bar {
	background:url(images/title_green.gif) no-repeat;
	width:166px;
	height:21px;
	line-height:21px;
	vertical-align:middle;
	color:#FFF;
	font-weight:bold;
	font-size:100%;
	margin-bottom:8px;
	text-align:center;
	margin:0 auto;
}
.title_green {
	color:#FFF;
	font-weight:bold;
	font-size:100%;
	height:20px;
	margin-bottom:8px;
}
.title_green li {
	float:left;
	list-style:none;
	line-height:20px;
	vertical-align:middle;
}
.title_green_left {
	background:url(images/title_green_left.gif) no-repeat;
	background-position:right;
	width:12px;
	height:20px;
}
.title_green_right {
	background:url(images/title_green_right.gif) no-repeat;
	background-position:left;
	width:12px;
	height:20px;
}
.title_green .text {
	background:#76A632;
	height:20px;
	line-height:20px;
	vertical-align:middle;
	text-align:center;
	padding:0 10px;
}


#gray_base {
	width:744px;
	height:100%;
	background-color:#E5E5E5;
	position:relative;
	top:10px;
	margin:0 auto 20px;
	padding:28px 0;
}
#white_base {
	background-color:#FFF;
	width:580px;
	height:100%;
	padding:20px;
	margin:0 auto;
}
#contents table { 
	width:580px;
}
#contents table td {
	line-height:20px;
	padding:2px 3px;
}

/* ----------------------------------------------------------------------------------------- */
/*about　ログペーパーについて　ご利用にあたって　よくあるお問い合せ*/

#contents_about {
min-height:500px;
font-size:100%;
}
#contents_about h2 {
font-size:12px;
margin:22px 0 22px 20px;
}
#contents_about h2 strong {
font-size:16px;
color:#FF9900;
}
#contents_about .mark {
margin:10px 0;
color:#FF3300;
}
/*ログペーパーについて*/		
.about_main {
background:url(images/about_main.jpg) no-repeat;
width:743px;
height:163px;
margin:0 auto 30px;
padding:15px;
}		
.about_features {
text-align:center;
}
.about_main .btn_arrow_green {
position:relative;
top:150px;
}	

/*ログペーパーのつくり方*/
.how_main {
margin:20px auto 10px;
text-align:center;
}
.how_text {
margin:0 0 0 15px;
width:756px;
line-height:160%;
text-align:left;
}
.how_text strong {
line-height:160%;
}

.bg_roundhow_header {
background:url(images/bg_roundhow_header.gif) no-repeat;
background-position:bottom;
width:143px;
height:10px;
}
.bg_roundhow_body {
background-color:#E6E6E6;
width:127px;
padding:0 8px;
vertical-align:top;
}
.bg_roundhow_footer {
background:url(images/bg_roundhow_footer.gif) no-repeat;
background-position:top;
width:143px;
height:10px;
}


.about_menu {
color:#C0C0C0;
margin:10px 0;
padding:5px 0;
text-align:center;
border-top:1px dotted #CCC;
border-bottom:1px dotted #CCC;
}
.about_menu .select {
color:#808080;
}
.about_menu a {
text-decoration:none;
}
.about_menu a:hover {
text-decoration:underline;
}
.about_header {
background-color:#EEE;
border-bottom:1px solid #CCC;
font-weight:bold;
padding:5px 10px;
}
.about_table {
margin-top:15px;
border:1px solid #CCC;
width:100%;
}
.about_td {
padding:15px;
}
.about_td li {
margin-left:20px;
}
.about li {
margin-left:20px;
}
.about_terms_table {
margin-top:15px;
width:100%;
}
.about_terms_td {
}
.about_td_nw {
text-align:right;
white-space:nowrap;
}
	/*faq よくあるお問い合せ*/
.faq {
}
.faq ul {
margin:10px 0;
}
.faq li {
margin-left:40px;
}
.faq .usual {
background-color:#CCC;
}
.faqbox {
margin:10px auto;
background-color:#CCC;
}
	
/* footer フッター */
#footer {
clear:both;
}
#footer a {
text-decoration:none;
color:#666;
font-size:11px;
}
#footer a:hover {
color:#4D4D4D;
text-decoration:underline;
}
#footer_link {
}
#copy {
}


.form_design {
	color:#8C8C8C;
	background-color:#FFFFCC;
	border:1px solid #999;
	padding-left:2px;
	width:180px;
	height:18px;
	line-height:18px;
	vertical-align:middle;
}
.form_std {
	vertical-align:middle;
	padding-left:2px;
}

/* ----------------------------------------------------------------------------------------- */
/* index トップページ */

#top {
}
#top .welcome {
}
#top .welcome h1 {
	font-size:14px;
	font-weight:bold;
}
#top .welcome h2 {
	font-size:12px;
	font-weight:normal;
}
#top .welcome a {
	text-decoration:none;
}
#top .welcome a:hover {
	text-decoration:underline;
}
#top .welcome h2 {
	font-weight:normal;
	font-size:12px;
}
.about_link {
	text-align:right;
	padding-right:30px;
}
#main_top {
	margin:-7px auto 0;
}


	/*お知らせ*/

#news {
color:#FFF;
width:780px;
}
.bg_title_l {
background-image:url(images/bg_title_l.gif);
background-repeat:no-repeat;
background-position:top right;
width:11px;
height:24px;
}
.bg_title h1 {
color:#FFF;
font-size:14px;
font-weight:normal;
}
.bg_title_c {
background-color:#666;
height:24px;
line-height:24px;
vertical-align:middle;
}
:root .bg_title_c p {
	position:relative;
	top:6px;
}
.bg_title_r {
background-image:url(images/bg_title_r.gif);
background-repeat:no-repeat;
background-position:top left;
width:11px;
height:24px;
}
.feedicon {
}
#news a {
color:#FFF;
}
#news h1 {
font-size:12px;
font-weight:normal;
font-weight:bold;
}
#news h1 a {
text-decoration:none;
}
:root #infobar {
margin-top:-12px;
}


	/*アイテム*/
#item {
	float:left;
	width:570px;
	margin:10px 0;
}
.item_main{
	float:left;
	width:255px;
	height:100%;
	border-right:2px dotted #ccc;
	padding:0 10px 0px 5px;
	}
.item_sub{
	float:right;
	width:298px;
	}
.sub_top{
	width:288px;
	border-bottom:2px dotted #ccc;
	padding:0 0 10px 10px;
	}
.sub_middle{
	width:288px;
	border-bottom:2px dotted #ccc;
	padding:10px 0 10px 10px;
	}
.sub_bottom{
	width:288px;
	padding:10px 0 0 10px;
	}
.main_img{
	float:left;
	width:82px;
	}
.main_text{
	float:right;
	margin-top:5px;
	}
.sub_img{
	float: right;
	width:93px;
	margin-top:5px;
	}
.sub_text{
	float: left;
	}
	
/*
#item h3 {
color:#8ac221;
font-size:13px;
line-height:160%;
}
#item img {
margin:10px 0;
}
.koma {
margin:10px 0;
cursor:pointer;
}
#item .item_copy {
font-size:10px;
}
#item .item_text_r {
margin-top:10px;
}

#item .top_card {
float:left;
width:270px;
_width:265px;/*IE6ハック*/
/*height:315px;
margin:10px 0 0 10px;
padding-right:5px;
border-right:2px dotted #E6E6E6;
}
#item .top_card h2 {
background:url(images/top_h2_card_over.gif) no-repeat;
width:98px;
height:29px;
text-indent:-9999px;
}

#item .top_card h2 a {
background:url(images/top_h2_card.gif) no-repeat;
width:98px;
height:29px;
display:block;
}
#item .top_card h2 a:hover {
background:none;
}

#item .top_note {
float:left;
	width:260px;
_width:250px;/*IE6ハック*/
/*	padding:10px 0 0 10px;
	margin-left:5px;
border-top:2px dotted #E6E6E6;
}
#item .top_note img {
float:left;
margin-right:10px;
}
#item .top_note h2 {
background:url(images/top_h2_note_over.gif) no-repeat;
width:109px;
height:29px;
text-indent:-9999px;
}

#item .top_note h2 a {
background:url(images/top_h2_note.gif) no-repeat;
width:109px;
height:29px;
display:block;
}
#item .top_note h2 a:hover {
background:none;
}*/


/* ----------------------------------------------------------------------------------------- */
/*メインイメージ　ログイン切り替え*/

/*ログイン前 miniCARD*/
/*#item .imgtop {
	float:left;
	padding:10px 0 5px 10px;
	margin-left:5px;
	width:260px;
_width:250px;/*IE6ハック
}
#item .imgtop img {
float:left;
margin-right:10px;
}
#item .imgtop h2 {
background:url(images/top_h2_minicard_over.gif) no-repeat;
background-position:0 5px;
width:163px;
height:29px;
text-indent:-9999px;
}
#item .imgtop h2 a {
background:url(images/top_h2_minicard.gif) no-repeat;
background-position:0 5px;
width:163px;
height:29px;
display:block;
}
#item .imgtop h2 a:hover {
background:none;
}

/*ログイン後
#item .imgtop_login {
	float:left;
	padding:10px 0 5px 10px;
	margin-left:5px;
	width:260px;
}
#item .imgtop_login img {
float:left;
margin-right:10px;
}
#item .imgtop_login h2 {
background:url(images/top_h2_minicard_over.gif) no-repeat;
background-position:0 5px;
width:163px;
height:29px;
text-indent:-9999px;
}
#item .imgtop_login h2 a {
background:url(images/top_h2_minicard.gif) no-repeat;
background-position:0 5px;
width:163px;
height:29px;
display:block;
}
#item .imgtop_login h2 a:hover {
background:none;
}
*/

/* ----------------------------------------------------------------------------------------- */
/*サイド*/

#side {
	float:right;
	width:200px;
}
.btn {
	text-align:center;
	margin:0 auto;
	padding:10px 0 5px;
}

	/*メインバナー*/
.bannerbox {
margin-top:8px;
}
/*IEとOpera以外*/
:root .bannerbox {
margin-top:8px;
}
		/*今すぐ登録する*/
.regist {
margin-top:8px;
background:url(images/banner_regist2.jpg) no-repeat;
width:200px;
height:60px;
}
.regist a {
background:url(images/banner_regist.jpg) no-repeat;
width:200px;
height:60px;
display:block;
}
.regist a:hover {
background:none;
}
		/*友達に紹介する*/
.friend {
background:url(images/banner_friend2.jpg) no-repeat;
width:200px;
height:60px;
}
.friend a {
background:url(images/banner_friend.jpg) no-repeat;
width:200px;
height:60px;
display:block;
}
.friend a:hover {
background:none;
}
.banner_friend {
background-color:#F8B0B2;
margin:10px auto 0;
text-align:center;
padding:5px;
}
.banner_friend strong {
letter-spacing:1px;
}
		/*つくり方を見る*/
.banner_how {
background:url(images/banner_how2.jpg) no-repeat;
background-position:top;
width:200px;
height:60px;
}
.banner_how a {
background:url(images/banner_how.jpg) no-repeat;
width:200px;
height:60px;
display:block;
}
.banner_how a:hover {
background:none;
}


#member_area {
	margin-bottom:10px;
}
#member_area h1 {
	font-weight:bold;
	font-size:14px;
	line-height:180%;
}

	/*ログインエリア*/

.login_header {
background-image:url(images/bg_login_header.gif);
background-repeat:no-repeat;
background-position:bottom;
width:200px;
height:8px;
_margin-top:-10px;/*IE6ハック*/
}
#login_area {
width:198px;
min-height:144px;
margin:0 auto;
color:#808080;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
}
.more {
	font-size:11px;
	text-align:center;
	margin:3px auto;
}
.deli {
color:#FFF;
background-color:#B3B3B3;
text-align:center;
background-image:url(images/bg_deli.gif);
background-repeat:no-repeat;
height:26px;
line-height:26px;
vertical-align:middle;
}
.deli a {
color:#FFF;
cursor:help;
}
.login_mypage {
margin:5px auto 0;
text-align:center;
}
.login_mypage img {
margin-bottom:5px;
}
.btn_logout a {
color:#FF9900;
line-height:220%;
}

	/*ショーケース　TOP*/
.showcase {
height:110px;
margin-top:-8px;
}
.showcase a {
color:#666;
}
.showcase_navi {
margin:5px;
}
.showcase_navi img {
margin:0 5px 0 10px;
}
.showcase .btn_arrow_green {
margin:5px 0 0 5px;
}
.showcase .pickup {
float:left;
background:url(images/banner_showcase_over.jpg) no-repeat;
width:255px;
height:110px;
text-indent:-9999px;
}
.showcase .pickup a {
background:url(images/banner_showcase.jpg) no-repeat;
width:255px;
height:110px;
display:block;
}
.showcase .pickup a:hover {
background:none;
}

.top_backnumber {
float:left;
background:url(images/bg_backnumber.jpg) no-repeat;
width:521px;
height:110px;
}
.top_backnumber_box {
margin-top:40px;
}
.top_backnumber_box img {
margin-right:11px;
}

	/*バナー*/
.banner {
text-indent:-9999px;
margin:10px auto;
}

.banner_01 {
float:left;
background:url(images/banner_blog_over.jpg) no-repeat;
width:220px;
height:60px;
}
.banner_01 a {
background:url(images/banner_blog.jpg) no-repeat;
width:220px;
height:60px;
display:block;
}
.banner_01 a:hover {
background:none;
}
.banner_02 {
float:left;
/*background:url(images/banner_wanwan_over.jpg) no-repeat;*/
/*background: url(images/banner_nengajo_over.jpg) no-repeat;*/
/*background: url(images/banner_1st_over.jpg) no-repeat;*/
background: url(images/banner_showcase2_on.jpg) no-repeat;
width:220px;
height:60px;
margin-left:10px;
}
.banner_02 a {
background:url(images/banner_showcase2.jpg) no-repeat;
width:220px;
height:60px;
display:block;
}
.banner_02 a:hover {
background:none;
}
.banner_03 {
float:left;
background:url(images/banner_Photoback2_over.jpg) no-repeat;
width:220px;
height:60px;
margin-left:10px;
}
.banner_03 a {
background:url(images/banner_Photoback2.jpg) no-repeat;
width:220px;
height:60px;
display:block;
}
.banner_03 a:hover {
background:none;
}

.banner_r {
float:right;
background:url(/images/privacy.gif) no-repeat;
width:60px;
height:60px;
}
.banner_r a {
background:url(/images/privacy.gif) no-repeat;
width:60px;
height:60px;
display:block;
}
.banner_r a:hover {
background:none;
}

/* ----------------------------------------------------------------------------------------- */
/* デザイン　各アイテムごとのページ */

#design {
line-height:160%;
}
#design .main {
width:780px;
height:300px;
}

#design .item {
padding-top:158px;
}
#design .point {
float:left;
width:180px;
height:330px;
margin-top:10px;
margin-right:10px;
border:1px solid #CCC;
padding-top: 10px;
padding-bottom: 10px;
}
#design .point strong {
color:#76A632;
}
#design .point .red {
font-size:11px;
}
#design .point_img {
text-align:center;
padding:5px 0;
font-size:9px;
}
#design .point_img_r {
float:right;
padding:5px 0 5px 5px;
}
#design .point_temp {
text-align:center;
margin:5px 0;
}
#design .spec {
float:right;
width:180px;
height:320px;
padding:10px;
margin-top:10px;
background-color:#E6E6E6;
}
#design .spec .mark strong {
color:#76A632;
}
#design .mark {
font-weight:bold;
}
#design .point .textbox {
padding:5px 10px;
}
#design .spec .textbox {
padding:0px 0px 10px;
}
#design .bg_minicard {
background:url(images/bg_minicard.jpg) no-repeat;
height:256px;
padding:20px;
}
#design .bg_card {
background:url(images/bg_card.jpg) no-repeat;
height:256px;
padding:20px;
}
#design .bg_note {
background:url(images/bg_note.jpg) no-repeat;
height:256px;
padding:20px;
}
#design .bg_novel {
background:url(images/bg_novel.jpg) no-repeat;
height:256px;
padding:20px;
}
#design .btnbox_showcase {
margin-left:460px;
}
#design .bg_card .btnbox_showcase {
margin-left:450px;
}
#design .bg_note .btnbox_showcase {
margin-top:3px;
margin-left:30px;
}
#design .btnbox_showcase a {
color:#a0918b;
}
#design .btnbox_showcase a:hover {
color:c4bbb7;
}
#design .btn_make_minicard {
margin-left:458px;
margin-top:20px;
}
#design .btn_make_card {
margin-left:448px;
margin-top:20px;
}
#design .btn_make_note {
margin-left:30px;
margin-top:20px;
}
#design .btn_make_novel {
margin-left:460px;
margin-top:25px;
}
/* ----------------------------------------------------------------------------------------- */
/* ショーケースページ */

#showcase {
}
#showcase .main {
margin:0 0 10px;
}
#showcase .item {
}
#showcase .case {
float:left;
width:253px;
margin-right:10px;
}
#showcase .case_r {
float:left;
width:253px;
}
#showcase .bg_pickup {
background:url(images/showcase_pickup.jpg) no-repeat;/*ピックアップ*/
width:780px;
height:244px;
}
#showcase .bg_minicard {
background:url(images/showcase_minicard.jpg) no-repeat;/*miniCARD*/
width:780px;
height:244px;
}
#showcase .bg_card {
background:url(images/showcase_card.jpg) no-repeat;/*CARD*/
width:780px;
height:244px;
}
#showcase .bg_note {
background:url(images/showcase_note.jpg) no-repeat;/*NOTE*/
width:780px;
height:244px;
}

#showcase .btnbox_more {
width:154px;
position:relative;
top:152px;
left:620px;
}
#showcase .backnumber {/*バックナンバーはこちら*/
color:#CCC;
text-align:right;
margin-top:5px;
}
#showcase .backnumber a {/*バックナンバーはこちら　ある時*/
color:#666;
text-align:right;
margin-top:5px;
}


/*つづきを読むボタン*/
.btn_showcase_more {
background:url(images/btn_showcase_more2.jpg) no-repeat;
width:154px;
height:32px;
}
.btn_showcase_more a {
background:url(images/btn_showcase_more.jpg) no-repeat;
display:block;
width:154px;
height:32px;
}
.btn_showcase_more a:hover {
background:none;
}
/*作品を見るボタン*/
.btn_showcase_view {
margin-top:5px;
background:url(images/btn_showcase_view2.jpg) no-repeat;
width:154px;
height:32px;
}
.btn_showcase_view a {
background:url(images/btn_showcase_view.jpg) no-repeat;
display:block;
width:154px;
height:32px;
}
.btn_showcase_view a:hover {
background:none;
}



/* ----------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------- */
/* ログインページ */

#contents_login {
min-height:500px;
}
#contents_login h4 {
font-size:14px;
margin-bottom:5px;
letter-spacing:1px;
}
.login_message {
margin:20px auto;
}
	/*メンバーの方*/

.login_member {
width:300px;
margin-left:20px;
padding:15px 10px;
}
.login_member h4 {
color:#FF6600;
}
	/*はじめての方*/
.login_guest {
width:300px;
padding:15px 10px;
border:2px solid #C6F4FB;
}
.login_guest h4 {
color:#008DE2;
}
.login_guest a {
color:#FF9900;
}
.login_guest img {
margin-right:5px;
position:relative;
top:2px;
}

/* ----------------------------------------------------------------------------------------- */
/* 定数ページ */

#const { 
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

#const table {
	border:1px solid #3F3F3F;
	margin-top:40px;
	margin-bottom:60px;
	width:100%;
	padding:10;
	font-size:80%;
}
#const table td {
	line-height:25px;
}
#const caption { 
	line-height:200%;
	width:auto;
	text-align:left;
	font-size:200%;
}

/* エラーページ */

#error { 
	width:60%;
	margin-left:auto;
	margin-right:auto;
}

/* お問い合わせサンクス */

#contact_thanks { 
	width:80%;
	margin-left:auto;
	margin-right:auto;
}

/* メールアドレス変更完了ページ */

#upmail { 
	width:60%;
	margin-left:auto;
	margin-right:auto;
}


/* ログイン なし */

#login { 
	width:60%;
	margin-left:auto;
	margin-right:auto;
}
#login table {
	border:1px solid #3F3F3F;
	margin-top:40px;
	margin-bottom:60px;
	width:100%;
	padding:10;
}
#login table td {
	line-height:25px;
	font-weight:bold;
}
#login table td a {
	font-weight:normal;
	text-decoration:none;
}
#login caption { 
	line-height:200%;
	width:auto;
	text-align:left;
	font-size:200%;
}

/* 規約同意ページ　なし */

#agreement { 
	width:60%;
	margin-left:auto;
	margin-right:auto;
}

/* メンバー登録情報入力ページ */

.flow h2 {
font-size:14px;
color:#808080;
text-align:center;
margin:10px 0 5px;
}
#registration { 
	width:60%;
	margin-left:auto;
	margin-right:auto;
}
#registration table {
	border:1px solid #333;
	margin-top:40px;
	margin-bottom:60px;
	width:100%;
	padding:10;
	font-size:80%;
}
#registration table td {
	line-height:25px;
}
#registration table td a {
	font-size:80%;
	font-weight:normal;
	text-decoration:none;
}

#registration .comment {
	font-size:x-small;
}

/* メンバー登録確認ページ */

#regconfirm { 
	width:60%;
	margin-left:auto;
	margin-right:auto;
}
#regconfirm table {
	border:1px solid #333;
	margin-top:40px;
	margin-bottom:60px;
	width:100%;
	padding:10;
	font-size:80%;
}
#regconfirm table td {
	line-height:25px;
}
#regconfirm table td a {
	font-size:80%;
	font-weight:normal;
	text-decoration:none;
}

/* メンバー登録完了ページ */

#regthanks { 
	width:60%;
	margin-left:auto;
	margin-right:auto;
}
#regthanks table {
	border:1px solid #333;
	margin-top:40px;
	margin-bottom:60px;
	width:100%;
	padding:10;
	font-size:80%;
}
#regthanks table td {
	line-height:25px;
}
#regthanks table td a {
	font-size:80%;
	font-weight:normal;
	text-decoration:none;
}
.member_welcome{
	text-align:center;
	height:100px;
	
	}
.member_welcome h2{
	margin:50px auto 30px;
	font-size:28px;
	font-weight:500;
	color:#999;
	}

.member_btn{
	background:url(images/btn_tomypage_on.jpg) no-repeat;
	width:176px;
	height:48px;
	margin:30px auto;
	}
.member_btn a{
	background:url(images/btn_tomypage.jpg) no-repeat;
	width:176px;
	height:48px;
	display:block;
	}
.member_btn a:hover{
	background:url(images/btn_tomypage_on.jpg) no-repeat;
	width:176px;
	height:48px;
	display:block;
	}
/* 本パスワード設定ページ */

#setpw { 
	width:60%;
	margin-left:auto;
	margin-right:auto;
}
#setpw table {
	border:1px solid #333;
	margin-top:40px;
	margin-bottom:60px;
	width:100%;
	padding:10;
	font-size:80%;
}
#setpw table td {
	line-height:25px;
}
#setpw table td a {
	font-size:80%;
	font-weight:normal;
	text-decoration:none;
}
#setpw .comment {
	font-size:x-small;
}

/* パスワードリセットページ */

#resetpw { 
	width:60%;
	margin-left:auto;
	margin-right:auto;
}
#resetpw table {
	border:1px solid #333;
	margin-top:40px;
	margin-bottom:60px;
	width:100%;
	padding:10;
	font-size:80%;
}
#resetpw table td {
	line-height:25px;
}
#resetpw table td a {
	font-size:80%;
	font-weight:normal;
	text-decoration:none;
}
#resetpw .comment {
	font-size:x-small;
}

/* verisign ページ */

#verisign { 
	margin-left:auto;
	margin-right:auto;
	padding-top:28px;
	padding-bottom:30px;
	line-height:20px;
	font-size:100%;
	color:#666666;
}

/*スタイル*/
.pink{
	color:#ff73a1;
	font-size:12px;
	}
.pink2{
	color:#fa4675;
	}
.link_pink{
	color:#ff73a1;
	}
.link_pink a{
	color:#ff73a1;
	}
.green{
	color:#8ac221;
	}
.green_big{
	color:#8ac221;
	font-size:14px;
	}
.box_bottom5{
	margin-bottom:5px;
	}
.midd{
	font-size:11px;
	color:#808080;
	}
.big{
	font-size:14px;
	}