/* CSS Document */
@charset "utf-8";
.dummy { }
body { background-color:white;	/*#f4f2e8;*/ margin:0px; padding:0px; font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'tahoma', 'ＭＳ Ｐゴシック', sans-serif; }
.clr { clear:both; }
.pageset { background-color:#fff; xwidth:960px; margin:auto; }
#toolbar { margin:0px; padding:8px 16px 8px 16px; height:72px; color:#705B50; font-size:12px; line-height:25px; }
a:link, a:visited, a:active { color:#705B50; text-decoration:none; }
a:hover { color:#3399FF; text-decoration:none; }
.loginitem a:link, .loginitem a:visited, .loginitem a:active { color:white; text-decoration:none; }
.loginitem a:hover { color:black; text-decoration:none; }
.navitem a:link, .navitem a:visited, .navitem a:active { color:#787878;text-decoration:none; }
.navitem a:hover {color:#09C;}
b { font-weight:normal; color:#aaa; }
.navitem { float:left; height:24px; width:72px; margin-bottom:8px; text-align:center; overflow:hidden; }
.useritem { float:right; height:24px; width:100px; margin-bottom:8px; text-align:center; overflow:hidden; }
.loginitem { float:right; height:24px; width:72px; margin-bottom:8px; text-align:center; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius:8px; color:white; background-color:#990000; overflow:hidden; }






#booksearch { float:right; width:450px; background-color:white; margin-top:0px; padding:4px; -webkit-border-radius: 5px; -webkit-box-shadow: 1px 1px 3px #444; overflow:hidden; }

.searchitem { float:left; height:24px; width:80px; text-align:center; }

#freesearch {/* width:144px; float:right; */}



#h_search_form { float:right; position:relative; }
#h_search_form input.search_text_input { width:200px; height:20px; margin:0; padding:0; line-height: normal; position:absolute; left: -224px; top: 2px; border:1px #CCC solid; font-size:12px; }
#h_search_form input.search_button { width:21px; height:20px; margin:0; padding:0; position:absolute; top: 2px; left: -24px; }








#header { padding:0px 16px 0px 16px; display:none; }
#header-left { width:50%; height:100%; margin:0px; display:block; float:left; }
#header-right { width:50%; height:100%; display:block; float:right; }
#content { background-color:#bbbbbb; /*border:4px solid yellow;*/
	margin:16px; padding:8px; border-radius:8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -webkit-box-shadow: 2px 2px 3px #444; }
#showcase_tool { padding-top:4px; padding-bottom:4px; height:32px; background-color:#bbbbbb; text-align:right; }
#find { display:none; font-size:9pt; width:200px; height:28px; margin:0px; padding:0px; border:0px solid yellow; float:right; }
#showcase { background-color:#f0f0f0; padding:8px; line-height:12px; font-size:10px; font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'tahoma', 'メイリオ', 'Meiryo', sans-serif; }
#footer { height:32px; padding:8pt; padding-bottom:8px; background-color:black; text-align:center; color:#cccccc; font-size:10px; line-height:12px; }
td.foot_cell { background:none; height:32px; }
.tailnav a:link, .tailnav a:visited, .tailnav a:active { color:#cccccc; text-decoration:none; }
.tailnav a:hover { color:#3399FF; text-decoration:none; }
.tailnav { color:#fefefe; }
/**************************/
.tspace { width:1px; }
.c_cell { width:272px; height:220px; padding:8px; margin:4px; float:left; border:1px #ccc solid; background-color:#ffffff; border-radius:8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -webkit-box-shadow: 1px 1px 3px #444; overflow:hidden; }
.c_thumb { width:78px; /*	height:104px;*/
	background-color:gray; float:left; }
.c_thumbimg { width:78px; /*	height:104px;*/
	border:1px solid #cccccc; }
.c_thumb_L { width:104px; /*	height:156px;*/
	background-color:gray; float:left; }
.c_spec { width:186px; padding-left:8px; padding-right:0px; float:left; }
.c_txt { width:186px; height:190px; overflow:hidden; }
.c_titlegroup { }
.c_title { font-size:12px; line-height:16px; font-weight:bold; text-align:left; }
/*.c_subtitle { width:186px; font-size:12px; line-height:16px; font-weight:bold; text-align:left; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }*/
.c_subtitle { font-size:12px; line-height:16px; font-weight:bold; text-align:left;}

.c_auther { width:186px; margin-top:4px; margin-bottom:4px; text-align:left; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; height:12px; }
.c_publisher { display:none; /*margin-top:4px; margin-bottom:4px; text-align:left; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;*/ }
.c_age { margin-top:4px; margin-bottom:0px; width:100%; float:left; color:#aa1111; text-align:left; }
.c_price { margin-top:4px; margin-bottom:0px; width:100%; float:left; text-align:left; }
.c_desc { height:60px; overflow:hidden; text-align:left; }
.c_note { text-align:left; font-size:9px; margin-top:4px; }
/**************************/

.l_cell { width:99%; padding:4px; margin:1px 0px 1px 0px; float:left; border:1px #ccc solid; background-color:white; border-radius:8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -webkit-box-shadow: 1px 1px 3px #444; line-height:1.0em; font-size:1.0em; }
.l_thumb { width:40px; height:60px; background-color:gray; float:left; }
.l_thumbimg { width:40px; /*		height:60px;*/
	height:100%; border:1px solid #cccccc; }
.l_spec { width:92%; padding-left:8px; padding-right:0px; float:left; overflow:hidden; xbackground-color:#eeeeee; }
.l_txt { float:left; width:80%; padding-top:8px; xbackground-color:#eeffee; line-height:14px; font-size:12px; }
.l_titlegroup { /*width:240px;*/ float:left; overflow:hidden; }
.l_title { font-weight:bold; float:left; height:18px; /*width:280px;*/ margin-right:18px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; color:#444; text-align:left; }
.l_subtitle { font-weight:bold; float:left; height:18px; /*width:220px; overflow:hidden;*/ text-overflow: ellipsis; white-space: nowrap; color:#666; text-align:left; }
.l_publisher { display:none; /*width:160px; text-align:left; float:left; height:18px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; text-align:left; */}
.l_auther {/* width:320px; text-align:left; float:left;*/ clear:both; height:18px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; text-align:left; }
.l_age { width:100px; float:left; color:#aa1111; height:18px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; text-align:left; }
.l_price { width:240px; float:left; height:18px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; text-align:left; }
.l_desc { text-overflow: ellipsis; white-space: nowrap; display:none; text-align:left; }
.l_note { width:200px; height:18px; float:left; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; text-align:left; font-size:9px; }
.midashi { float:left; font-size:18px; font-weight:bold; color:#666; }
/**************************/


#d_pageset { background-color:#fff; margin:auto; }
#i_pageset { background-color:#fff; margin:auto; height:100%; }
#d_content { background-color:#cccccc; margin:16px auto; padding:0px; width:600px; border:6px solid #cccccc; border-radius:8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -webkit-box-shadow: 2px 2px 3px #444; line-height:0px; }
.d_showcase { background-color:#f0f0f0; padding:8px; line-height:12px; font-size:10px; font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'tahoma', 'メイリオ', 'Meiryo', sans-serif; }
.d_title { display:block; font-size:14px; font-weight:bold; line-height:18px; background:black; margin:0; padding:8px 5px 0px 16px; color:#444444; -webkit-border-top-right-radius:6px; -webkit-border-top-left-radius:6px; background-color:#cccccc; text-align:left; }
.d_subtitle { display:block; font-size:14px; font-weight:bold; line-height:16px; background:black; margin:0; padding:0px 5px 5px 16px; color:#666666; background-color:#cccccc; text-align:left; }
.d_thumb { margin:8px 20px 20px 8px; width:240px; height:360px; float:left; }
.d_img { border-color: #cccccc; }
.d_spec { /*width:300px; float:left; */margin:0px; padding-left:24px; }
.d_author { font-size:12px; margin:10px 5px 5px 0px;/* float:left;*/ text-align:left; }
.d_publisher { font-size:12px; margin:5px; text-align:right;/* float:right;*/ }
.d_mailto { text-align:right; margin:10px 0 0px 0; }
.d_mailto a {color:#006699}
.d_age { margin-top:4px; margin-bottom:4px; color:#aa1111; float:left; }
.d_item { margin-top:4px; margin-bottom:4px; padding:5px; border:1px solid #dddddd; height:28px; overflow:hidden; }
.d_device { width:300px; margin-top:4px; margin-bottom:4px; margin-left:8px; float:left; font-size:12px; line-height:18px; text-align:left; }
.d_price { width:90px; margin-top:4px; margin-bottom:4px; float:left; font-size:12px; line-height:18px; }
.d_note { margin-top:4px; margin-bottom:8px; float:left; font-size:12px; line-height:18px; }
.d_permission { margin:4px 0 4px 4px; float:left; }
.d_button { float:right; }
.d_desc { display:block; font-size:12px; line-height:150%; margin:8px 0px 8px 0px; text-align:left; padding:8px; }
.d_tail { margin:8px 4px 0px 4px; font-size:12px; line-height:12px; height:36px; width:100px; float:left; }
/**************************/
.i_content { background-color:#cccccc; margin:16px auto; padding:0px; width:570px; border:4px solid #cccccc; border-radius:8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -webkit-box-shadow: 2px 2px 4px #444; position:relative; line-height:0px; }
.i_spec { font-size:12px; padding:12px; margin:auto; float:none; width:200px; }
.i_title { font-size:12px; line-height:16px; font-weight:bold; margin-bottom:8px; }
.i_head { font-size:12px; line-height:16px; margin-bottom:8px; color:#aaa; }
.i_desc { display:block; font-size:12px; line-height:150%; margin:8px 0px 8px 0px; }
.i_item { margin:auto; padding:5px; border:0px solid #dddddd; height:34px; overflow:hidden; }
#i_dialog { display:none; background-color:#f0f0f0; margin:16px auto; padding:18px; width:400px; height:180px; border:4px solid #cccccc; border-radius:8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -webkit-box-shadow: 2px 2px 4px #444; position:absolute; top:-100px; left:80px; font-size:12px; line-height:20px; }
.i_center { font-size:12px; padding:12px; margin:auto; float:none; width:100px; }
/**************************/
.infobtn { height:30px; width:200px; font-size:10px; background:url(img/bg002.png); border:1px solid #888888; border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius:4px; cursor:pointer; font-size:18px; line-height:24px; margin:5px 0px; text-align:center; }
button.download { height:28px; width:120px; font-size:10px; background:url(img/bg001.png); border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius:4px; border:1px solid #888888; margin:0px 0px 0px 0px; cursor:pointer; }
button.download_L { height:28px; width:100px; font-size:12px; line-height:1.0em; background:url(img/bg001.png); border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius:4px; border:1px solid #888888; margin:0px 0px 0px 0px; cursor:pointer; }
button.tatitomi { height:28px; width:100px; font-size:10px; line-height:1.0em; background:url(img/bg001.png); border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius:4px; border:1px solid #888888; margin:0px 0px 0px 0px; cursor:pointer; }
/**************************/
#appstore { font-size:10px; line-height:14px; text-align:left; width:250px; height:80px; padding:10px; margin:0px; float:right; border:1px #ccc solid; border-radius:8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -webkit-box-shadow: 1px 1px 3px #444; background-color:#f0f0f0; }
#crochet { width:280px; height:80px; padding:10px; margin:0px; float:right; border:1px #ccc solid; border-radius:8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -webkit-box-shadow: 1px 1px 3px #444; background-color:#f0f0f0; }
#crochet_ie { display:none; }
.crochet-icon { float:left; }
.crochet-spec { width:200px; padding-left:0px; padding-right:0px; float:right; }
.crochet-title { font-size:10px; font-weight:bold; line-height:12px; margin-bottom:4px; }
.crochet-desc { font-size:9px; float:left; line-height:12px; }
#logo { float:left; background-color:#fff; cursor:pointer; }
.download { height:20px; width:100px; font-size:10px; line-height:18px; background:url(img/bg001.png); -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #888888; margin:4px 0px 0px 0px; cursor:pointer; float:left; text-align:center; }
.c_button { height:24px; width:60px; font-size:10px; line-height:24px; background:url(img/bg001.png); border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #888888; margin:4px 0px 0px 0px; cursor:pointer; float:left; text-align:center; }
.c_buttonspace { height:24px; width:8px; float:left; }
.l_button { height:18px; width:60px; font-size:10px; line-height:18px; background:url(img/bg001.png); -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #888888; margin:4px 0px 0px 0px; cursor:pointer; float:right; text-align:center; color:#222; }
.l_buttonspace { height:24px; width:8px; float:right; }
.logout { height:24px; width:120px; font-size:10px; line-height:24px; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #888888; margin:4px 0px 0px 0px; cursor:pointer; float:left; text-align:center; }
.credit { font-size:1.6em; display:inline; }