@charset "utf-8";
/* CSS Document */


/* =============================================================== 
*** top *** 
=============================================================== */

#top #main {
width:862px;
margin:10px 0 0 0;
background:url(/common/img/bg_index_dotline.gif) repeat-y 0 0;
color:#555555;
}
#top #main h2 {
margin:0 0 7px 0;
background:none;
padding:0 0 0 0;
}
#top #main .lft_area {
float:left;
width:515px;
margin:0 0 25px 0;
padding:0 30px 0 0;
}
#top #main .lft_area ul {
margin:0 0 0 9px;
}
#top #main .lft_area ul.list_l li {
margin:0 0 9px 0;
padding:0 0 0 25px;
text-indent:-25px;
background:url(/common/img/icn_arrow_pink_l.gif) no-repeat 0 50%;
}
#top #main .lft_area ul.list_l li a {
padding:0 0 0 25px;
}
#top #main .lft_area ul.list_s li {
margin:0 0 9px 0;
padding:0 0 0 25px;
text-indent:-25px;
background:url(/common/img/icn_arrow_pink.gif) no-repeat 0 50%;
}
#top #main .lft_area ul.list_s li a {
padding:0 0 0 25px;
}
#top #main .rgt_area {
float:right;
width:302px;
margin:5px 0 5px 0;
padding:5px 0 0 0;
}
#top #main .rgt_area h2 {
margin:0 0 8px 0;
}
#top #main .rgt_area .box {
margin:0 0 23px 0;
}
#top #main .rgt_area .pickup p {
text-align:center;
}
#top #main .rgt_area .info {
margin:0 0 24px 0;
}
#top #main .rgt_area .info ul li {
margin:0 0 4px 9px;
padding:0 0 0 23px;
text-indent:-23px;
background:url(/common/img/icn_arrow_pink.gif) no-repeat 0 2px;
}
#top #main .rgt_area .info ul li a {
padding:0 0 0 23px;
}
#top #main .rgt_area .new {
margin:0 0 10px 0;
}
#top #main .rgt_area .new p.img {
float:left;
width:100px;
margin:5px 0 0 0;
}
#top #main .rgt_area .new .txt {
float:right;
width:190px;
margin:5px 0 0 0;
}
#top #main .rgt_area .new .txt p {
padding:0 0 10px 0;
}
#top #main .rgt_area .new ul li {
float:left;
margin:0 0 5px 0;
padding:0 0 0 16px;
text-indent:-16px;
}
#top #main .rgt_area .new ul li.present {
margin:0 13px 0 0;
background:url(/common/img/icn_arrow_green.gif) no-repeat 0 50%;
}
#top #main .rgt_area .new ul li.place {
background:url(/common/img/icn_arrow_purple.gif) no-repeat 0 50%;
}
#top #main .rgt_area .new ul li a {
padding:0 0 0 16px;
}

#top #main .rgt_area .box {
clear:both;
font-size:96%;
}
#top #main .rgt_area .box p.img {
float:left;
width:130px;
margin:5px 0 0 0;
}
#top #main .rgt_area .box .txt {
float:right;
width:163px;
margin:5px 0 0 0;
}
#top #main .rgt_area .box .txt p {
padding:0 0 10px 0;
}
#top #main .rgt_area .box .txt p img {
margin:0 0 0 25px;
}


/* =============================================================== 
*** advertising *** 
=============================================================== */

#advertising #main .summary {
margin:0 0 18px 40px;
}
#advertising #main .summary table {
width:711px;
background:url(/common/img/bg_dotline.gif) repeat-x 0 0;
}
#advertising #main .summary table th {
width:96px;
padding:10px 10px 8px 4px;
background:url(/common/img/bg_dotline.gif) repeat-x 0 100%;
color:#E41D84;
}
#advertising #main .summary table td {
padding:10px 10px 8px 4px;
background:url(/common/img/bg_dotline.gif) repeat-x 0 100%;
}
#advertising #main .document p.img {
float:left;
width:144px;
margin:13px 43px 0 0;
}
#advertising #main .document .txt {
float:left;
width:auto;
margin:65px 0 0 0;
}
#advertising #main .document .txt {
padding:0 0 0 20px;
text-indent:-20px;
background:url(/common/img/icn_arrow_pink.gif) no-repeat 0 1px;
}
#advertising #main .document .txt a {
padding:0 0 0 20px;
}
#advertising #main .price {
margin:0 0 18px 40px;
}
#advertising #main .price .price_box {
width:712px;
margin:0 0 10px 0;
padding:2px 0 0 0;
background:url(/common/img/bg_dotline.gif) repeat-x 0 0;
}
#advertising #main .price .price_box .inner {
padding:0 0 0 2px;
background:url(/common/img/bg_dotbar.gif) repeat-y 0 0;
}
#advertising #main .price table {
width:712px;
padding:0 0 0 2px;
}
#advertising #main .price table th {
width:70px;
padding:8px 10px 7px 15px;
background:url(/common/img/bg_table_dot_02.gif) repeat-y 100% 100%;
}
#advertising #main .price table td {
padding:8px 10px 7px 15px;
background:url(/common/img/bg_table_dot.gif) repeat-y 100% 100%;
}
#advertising #main .price table th.size {
width:159px;
}
#advertising #main .price table th.deadline {
width:210px;
background:url(/common/img/bg_table_dot_05.gif) repeat-y 100% 100%;
}
#advertising #main .price table thead {
padding:1px 0 1px 0;
background:#EFEFEF url(/common/img/bg_dotline.gif) repeat-x 0 0;
}
#advertising #main .price table tbody th {
background:url(/common/img/bg_table_dot_03.gif) repeat-y 100% 100%;
}
#advertising #main .price table tbody tr.btm th {
background:url(/common/img/bg_table_dot_04.gif) repeat-y 100% 100%;
}
#advertising #main .price p.note {
margin:0 0 0 1.4em;
text-indent:-1.4em;
}
#advertising #main .contact {
margin:0 0 18px 44px;
}

/* =============================================================== 
*** editor *** 
=============================================================== */

#editor #main .section {
margin:0 0 18px 40px;
}
#editor #main table {
width:711px;
}
#editor #main table th {
width:192px;
padding:18px 10px 8px 4px;
background:url(/common/img/bg_dotline.gif) repeat-x 0 100%;
color:#E41D84;
vertical-align:top;
}
#editor #main table .top th {
padding:7px 10px 8px 4px;
}
#editor #main table td {
padding:18px 10px 8px 4px;
background:url(/common/img/bg_dotline.gif) repeat-x 0 100%;
vertical-align:top;
}
#editor #main table .top td {
padding:7px 10px 8px 4px;
}

/* =============================================================== 
*** privacy *** 
=============================================================== */

#privacy ol {
margin-left:30px;
}
#privacy .pmark {
width:707px;
}
#privacy .pmark p.txt {
float:left;
width:600px;
}
#privacy .pmark p.fig {
position:relative;
top:-30px;
float:right;
margin:0 0 -30px 0;
}

/* =============================================================== 
*** present *** 
=============================================================== */

#present #main {
margin-left:69px;
}
#present p.head {
position:relative;
top:-56px;
right:-13px;
margin-bottom:-14px;
text-align:right;
}
#present p.mv {
margin:0 0 20px 0;
}
#present h2 {
clear:both;
margin:0 0 10px 0;
padding:0;
background:none;
}
#present h3 {
width:656px;
height:38px;
margin:0 0 6px 0;
padding:14px 10px 0 63px;
font-size:117%;
}
#present .magazine h3 {
background:url(/common/img/h3_present_mgz.gif) no-repeat left top;
color:#E2007E;
}
#present .web h3 {
background:url(/common/img/h3_present_web.gif) no-repeat left top;
color:#00A1E9;
}
#present .box {
width:724px;
padding:0 0 50px 0;
}
#present .box p.pic {
float:left;
width:160px;
padding:5px 0 0 0;
}
#present .box .ctr {
float:left;
width:292px;
}
#present .box .ctr p.num {
margin:0 0 6px 0;
line-height:1;
font-weight:bold;
color:#666666;
}
#present .box .ctr p.num span {
font-size:250%;
}
#present .box .ctr .txt {
margin:0 20px 0 0;
}
#present .box .ctr .txt p {
margin:0 0 10px 0;
color:#666666;
}
#present .box .rgt {
float:left;
width:252px;
}
#present .box .rgt .limit {
margin:0 0 20px 0;
}
#present .magazine .box .rgt .limit {
background:#FDECF6 url(/common/img/bg_present_mgz_limit_top.gif) no-repeat left top;
}
#present .web .box .rgt .limit {
background:#EAF7FD url(/common/img/bg_present_web_limit_top.gif) no-repeat left top;
}
#present .box .rgt .limit p {
padding:5px;
}
#present .box .rgt .limit p img {
margin:0 5px 0 0;
vertical-align:middle;
}
#present .box .rgt .limit p span {
vertical-align:middle;
font-weight:bold;
}
#present .magazine .box .rgt .limit p span {
color:#E2007E;
}
#present .web .box .rgt .limit p span {
color:#00A1E9;
}
#present .box .rgt .limit ul {
padding:0 5px 8px 5px;
}
#present .magazine .box .rgt .limit ul {
background:url(/common/img/bg_present_mgz_limit_btm.gif) no-repeat left bottom;
}
#present .web .box .rgt .limit ul {
background:url(/common/img/bg_present_web_limit_btm.gif) no-repeat left bottom;
}
#present .box .rgt .limit ul li {
font-size:84%;
color:#666666;
}
#present .box .rgt p.privacy {
margin:0 0 5px 0;
padding:0 0 0 10px;
background:url(/common/img/icn_arrow_red.gif) no-repeat left center;
}


/* =============================================================== 
*** topics *** 
=============================================================== */

#topics .section {
margin:0 0 25px 46px;
}

/* =============================================================== 
*** question *** 
=============================================================== */

#question dl dt {
float:left;
}
#question dl dd {
margin:0 0 0 20px;
}
#question dl.question {
clear:both;
margin:0 0 4px 0;
padding:4px;
background:url(/common/img/bg_question_question.jpg) repeat-y left top;
color:#E41D84;
}
#question dl.question dt {
margin:1px 6px 0 0;
}
#question dl.answer {
clear:both;
margin:0 0 13px 0;
padding:4px;
}
#question dl.answer dt {
margin:2px 6px 0 0;
}
#question dl.answer dd p {
margin:0 0 15px 0;
}

/* form */
#question_form iframe {
	margin:10px 0 20px 15px;
}

/* =============================================================== 
*** haifu *** 
=============================================================== */

#haifu .area {
margin:20px 0 18px 46px;
}
#haifu .area ul li {
float:left;
margin:0 16px 6px 0;
white-space:nowrap;
}


/* =============================================================== 
*** error *** 
=============================================================== */

#error #container {
background:none;
}
#error p.logo_l25 {
float:left;
width:156px;
margin:31px 0 0 0;
}
#error p.catch {
float:left;
width:212px;
padding:62px 0 0 10px;
}
#error #main {
width:804px;
background:url(/common/img/fig_tori.gif) no-repeat 100% 100%;
}
#error #main h1 {
margin:59px 0 15px 0;
}
#error #main .ftr_logo {
margin:75px 0 0 0;
}

#top #container #contents #main .lft_area .list_l img {
	padding-top: 5px;
	padding-left: 5px;
}