/*===================================================================
	0: 共通
===================================================================*/

.clr { clear:both; font-size:1px; line-height:1px; }


/*===================================================================
	1: レイアウト
===================================================================*/

body { margin:0; padding:0; background:#FFFFFF url(../img/container_bg.gif) top center; text-align:center; font-size:12px; line-height:16px; color:#515151; }

#container { }
#contents { width:916px; margin:0 auto; background:url(../img/contents_bg.gif) repeat-y top; }
#contents_pop { width:480px; margin:0 auto; background:url(../img/contents_bga.gif) repeat-y top; }


/* ===ヘッダー=== */
#header { width:896px; height:40px; margin:0 auto; background:url(../img/header_bg.gif) top center; }
#header #logo { float:left; width:210px; margin:0px; padding:0px; }
#header #gbtn { float:right; width:179px; margin:0px; padding:0px; text-align:left; }
#header_pop { width:460px; height:31px; margin:0 auto; background:url(../img/header_bg.gif) top center; }
#header_pop #logo { float:left; width:0px; margin:4px 0px 0px 4px; padding:0px; }
#header_pop #gbtn { float:right; width:179px; margin:0px; padding:0px; text-align:left; }

/* ===メイン=== */
#mainimage { width:896px; margin:0 auto; padding-bottom:15px; text-align:center; }
#main { width:840px; margin:0 auto; padding-bottom:15px; text-align:left; }
#mainimage_pop { width:460px; margin:0 auto; padding-bottom:0px; text-align:left; }


#box01_top { clear: both; width:840px; height:30px; margin:0 auto; background:url(../img/box01_top_a.gif) no-repeat; }
#box01_main { width:840px; margin:-16px auto 0 auto; background:url(../img/box01_bg.gif) no-repeat; z-index:1; }
#box01_bottom { width:840px; height:35px; margin: 0 auto; background:url(../img/box01_bottom.gif) no-repeat bottom; z-index:2; }

#box02_top { width:841px; margin:20px auto 0 auto; }
#box02_main { width:841px; margin:0 auto 0 auto; background:url(../img/box02_bg.gif) repeat-y; text-align:left; }
#box02_bottom { width:841px; height:10px; margin: 0 auto 0 auto; background:url(../img/box02_bottom.gif) no-repeat bottom; }

#box02_top_pop { width:460px; margin:5px 0px 5px 0px; }
#box02_main_pop { width:460px; margin:0 auto 0 auto; background:url(../img/box02_bg.gif) repeat-y; text-align:left; }
#box02_bottom_pop { width:460px; height:10px; margin: 0 auto 0 auto; background:url(../img/box02_bottom.gif) no-repeat bottom; }

/* ===ハーレクイン ライブラリ=== */
#box_library { overflow: hidden; width: 841px; margin: 0 auto 15px; padding: 0; text-align: left; background: url(../img/bg_library_box_body.gif) repeat-y left top;  }
#box_library_wrap { background: url(../img/bg_library_box.gif) no-repeat left top; }
#box_library_body { padding-bottom: 15px; background: url(../img/bg_library_box_bottom.gif) no-repeat left bottom; }
#box_library img { border: none; vertical-align: middle; }
#box_library .header { width: 841px; margin: 0; padding: 0; background: url(../img/bg_library_box.gif) no-repeat left top; }

#box_library .header dl { margin: 0; padding: 13px 14px 14px;}
#box_library .header dl dt,
#box_library .header dl dd { display: inline; margin: 0; vertical-align: middle; }
#box_library .header dl dt { padding-right: 14px;}
#box_library .header dl dd.btn { padding-left: 70px;}

#box_library #flashcontent { margin: 0 0 10px; text-align: center; }
#box_library #flashcontent object { margin: 0; padding: 0; }

#box_library .box_info { overflow: hidden; width: 660px; padding: 0 15px 13px 160px; }

#box_library .box_info .box_left { width: 660px; margin: 0; padding: 0; }
#box_library .box_info .box_left p { margin: 0; padding: 0; text-indent: -9999px; font-size: 0; line-height: 0; }
#box_library .box_info dl { margin: 0; padding: 0; background: none;}
#box_library .box_info dl dt,
#box_library .box_info dl dd { margin: 0; padding: 0; text-align: left; }
#box_library .box_info .box_left dl dt { margin: 15px 0 10px; width: 440px; float: left; }
#box_library .box_info .box_left dl dd { width: 127px; float: left; margin: 8px 0 0 10px; }

#box_library .box_info .box_right { overflow: hidden; width: 660px; margin: 5px 0 0; padding: 0; background: url(../img/bg_service_body.gif) repeat-y left top; }
#box_library .box_info .box_right_wrap { overflow: hidden; height: 150px; margin: 0; padding: 8px 17px 0; background: url(../img/bg_service_bottom.gif) no-repeat left bottom; }
#box_library .box_info .box_right dl { margin-bottom: 10px; font-size: 115%; }
#box_library .box_info .box_right dl.left { float: left; width: 350px; }
#box_library .box_info .box_right dl.right { float: right; width: 260px; }
#box_library .box_info .box_right dl dt { margin-bottom: 5px; color: #c20254; font-weight: bold; }
#box_library .box_info .box_right dl dd { color: #696969; line-height: 1.4; }


/* ===フッター=== */

#footer { width:896px; height:39px; margin:0 auto; background:url(../img/footer_bg.gif) top center; }
#footer_pop { width:460px; height:39px; margin:0 auto; background:url(../img/footer_bg.gif) top center; }


/*===================================================================
	2: スタイル
===================================================================*/

/* ===デフォルト=== */
.txt-s { font-size:10px; line-height:14px; color:#515151; }
.txt-m { font-size:12px; line-height:16px; color:#515151; }
.txt-l { font-size:14px; line-height:20px; color:#515151; }
.txt-att { margin-left: 60px; font-size: 10px; line-height: 1; color:#b72087;}

.txt-violet { font-size:12px; line-height:16px; color:#b72087; }
.txt-pink { font-size:12px; line-height:16px; color:#000000; }
.txt-pink_a { font-size:11px; line-height:14px; color:#e4007f; }
.txt-boxlead { font-size:12px; line-height:16px; color:#826971; }
.txt-access { font-size:12px; line-height:16px; color:#ca3063; }

.txt-booktit { font-size:12px; line-height:16px; color:#ff3c73; }
.txt-booktit_a { font-size:11px; line-height:14px; color:#ff3c73; }
.txt-booktit_b { font-size:11px; line-height:14px; color:#555555; }
.txt-bookwriter { font-size:11px; line-height:14px; color:#e47600; }
.txt-bookwriter_b { font-size:11px; line-height:14px; color:#999999; }
.txt-booktxt { font-size:10px; line-height:14px; color:#515151; }

a { color:#0f4799; text-decoration: none; }
a:visited { text-decoration: none; }
a:active {}
a:hover { text-decoration: underline; }

/* ===フォント=== */

.txt-partner { font-size:12px; line-height:16px; }
.txt-partner a { color:#c1309f; text-decoration: none; background:url(../img/box02_ara.gif) no-repeat left center; padding-left:15px; }
.txt-partner a:visited { text-decoration: none; }
.txt-partner a:active {}
.txt-partner a:hover { text-decoration: underline; }

.txt-partner_pop { font-size:12px; line-height:20px; color:#c1309f; }
.txt-partner_pop a { color:#c1309f; text-decoration: none; }
.txt-partner_pop a:visited { text-decoration: none; }
.txt-partner_pop a:active {}
.txt-partner_pop a:hover { text-decoration: underline; }

.top-news { font-size:12px; line-height:20px; color:#333; }
.top-news a { color:#333; text-decoration: none; }
.top-news a:visited { text-decoration: none; }
.top-news a:active {}
.top-news a:hover { text-decoration: underline; }

.txt-y { font-size:12px; line-height:16px; color:#333; }
.txt-y a { color:#333; text-decoration: none; }
.txt-y a:visited { text-decoration: none; }
.txt-y a:active {}
.txt-y a:hover { text-decoration: underline; }

.txt-reference { font-size:12px; line-height:20px; color:#b72087; }
.txt-reference a { color:#b72087; text-decoration: none; }
.txt-reference a:visited { text-decoration: none; }
.txt-reference a:active {}
.txt-reference a:hover { text-decoration: underline; }


/* ===ページトップへ=== */
.page-top { font-size:10px; line-height:14px; }
.page-top a { color:#0f4799; text-decoration: none; }
.page-top a:visited { text-decoration: none; }
.page-top a:active {}
.page-top a:hover { text-decoration: underline; }