#contents{ width:960px; margin:0 auto; }

/***   titleArea   ***/
.titleArea{ width:948px; _width:950px; border:1px solid #e0e0e0; }
.titlebg{ border:1px solid #fff; background:url(//img.e87.com/guide/images/gui_mainimg.jpg) no-repeat left top #f1f1f1; min-height:96px; _height:96px; }
.titleArea img{ margin:11px 0 0 13px; }
.titleArea h1,
.titleArea p{ margin:6px 0 0 13px; width:450px; color:#908083; font-size:100%; line-height:1.2 }

/***   top_navi   ***/
#top_navi{ padding:0 0 10px 0; }
.top_navi_box{ margin:20px 0 20px 0; font-size:14px; }
.top_navi_box_l{ float:left; width:560px; margin:0 0 0 0; }
.top_navi_box_l .inner{ margin:0 0 0 23px; }
.top_navi_box_l .link{ margin:10px 0 0 10px; }
.top_navi_box_r{ float:right; width:378px; }
#top_navi p, #contents_0903new p{ background:url(//img.e87.com/guide/images/gui_icon_01.gif) no-repeat left 0.1em; margin:0 0 10px 0; padding:0 0 0 22px; font-weight:bold; color:#7c7b7b; font-size:13px; }
#top_navi ul{ margin:0; }
#top_navi ul:after{ content:"."; display:block; height:0px; clear:both; visibility:hidden; }

/* Win版IE7とMac版IE5対策 */
#top_navi ul{ display:inline-block; }

/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html #top_navi ul{ height:1px; }
#top_navi ul{ display:block; }

/* End hide from IE-mac */
#top_navi ul li{ list-style-type:none; float:left; margin-right:6px; }
#top_navi ul li.end{ margin-right:0px; }
.link{ background:url(//img.e87.com/guide/images/gui_arrow.gif) no-repeat top left; padding:0 0 0 12px; margin:10px 0; line-height:130%; }

/***   contents   ***/
#contents_0903new h2{ background:url(//img.e87.com/guide/images/gui_h3_bg.jpg) no-repeat top; min-height:27px; height: auto !important; height: 27px; width:950px; font-size:14px; margin:0 0 15px 0; line-height:28px; }
#contents_0903new .con_h2_txt{ margin-left:12px; margin-top:10px; font-weight:bold; color:#601621; }

/**   arrowlist   **/
#contents_0903new ul li{ background:url(//img.e87.com/guide/images/gui_arrow.gif) no-repeat top left; padding:0 0 0 12px; margin:3px 0 3px 0; font-size:13px; line-height:130%; list-style-type:none; display:block; }
#contents_0903new ul li.end{ margin-right:0px; }

/**   arrowlist-inline   **/
#contents_0903new ul.inline{ margin:0; }
#contents_0903new ul.inline:after{ content:"."; display:block; height:0px; clear:both; visibility:hidden; }

/* Win版IE7とMac版IE5対策 */
#contents_0903new ul.inline{ display:inline-block; }

/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html #contents_0903new ul.inline{ height:1px; }
#contents_0903new ul.inline{ display:block; }

/* End hide from IE-mac */
#contents_0903new ul.inline li{ background:url(//img.e87.com/guide/images/gui_arrow.gif) no-repeat top left; padding:0 0 0 12px; margin:10px 30px 10px 0; line-height:130%; list-style-type:none; float:left; }
#contents_0903new ul.inline li.end{ margin-right:0px; }

/** con_box **/
.con_box_l, .con_box_c, .con_box_r{ float:left; width:310px; _width:310px; }
.con_box_l{ padding:0 10px 0 0; }
.con_box_c{ padding:0 0 0 0; }
.con_box_r{ padding:0 0 0 10px; }
.con_box_r2{ border:1px #e5e5e5 solid; float:left; padding:10px 0 20px 35px; width:556px; _width:556px; }
.con_box_r2 ul{ margin-left:3px; }
.list_dot_bg{ /*background:url(//img.e87.com/guide/images/gui_dot_bg.gif) repeat-y top right; */width:950px; float:left; }
#contents_0903new p.hatena{ background:url(//img.e87.com/guide/images/gui_icon_02.gif) no-repeat left center; margin:0 0 10px 0; padding:0 0 0 20px; font-weight:bold; color:#7c7b7b; }
/** con_search **/
.con_box_search{ background:url(//img.e87.com/guide/images/gui_dotline.gif) repeat-y 490px top; border:1px #e5e5e5 solid; float:left; margin:20px 0 0 0; }
.con_box_search_l{ float:left; width:470px; padding:13px; margin:0 0 0 0; }
.con_box_search_r{ float:left; padding:13px 13px 13px 15px; width:420px; _width:420px; }
#contents_0903new p.search{ background:url(//img.e87.com/guide/images/gui_icon_03.gif) no-repeat left center; margin:0 0 10px 0; padding:0 0 0 20px; font-weight:bold; color:#7c7b7b; }
#guideUtil{ background:#f3f3f3; border-top:10px solid #f3f3f3; border-bottom:10px solid #f3f3f3; border-left:15px solid #f3f3f3; border-right:15px solid #f3f3f3; font-size:75%; float:left; width:435px; _width:435px; }
#guideUtil input { padding:0; margin:0; vertical-align:middle; }
#guideUtil input#keywords { border:1px solid #d1cbcb; height:20px; padding:0; margin:0; width:332px; }
html > body #guideUtil input input#keywords { height:18px; width:220px; }
/*** other ***/

.q_color{ font-weight:bold; color:#c53a52; }
* #contents_0903new { text-align:left; }
.txt_l{ text-align:left; }
.inner{ margin:0 0 0 10px; }
.inner2{ margin:0 0 0 22px; }
#contents_0903new .pagetop{ text-align:right; font-size:85%; margin:15px 0 10px 0; }
#contents_0903new .allow { color:#CA417D; font-size:85%; }
.clear{ content:"."; display:block; height:0px; clear:both; line-height:0; visibility:hidden; }
.Tm10{ margin-top:10px; }
.Tm40{ margin-top:40px; }
.Tp20{ padding-top:20px; }
.Bm20{ margin-bottom:15px; _margin-bottom:10px; }
.Bp10{ padding-bottom:10px; }
.Bp30{ padding-bottom:30px; }
.Bp20{ padding-bottom:20px; }
.Bp10{ padding-bottom:10px; }