@charset "utf-8";

/*Scroll-bar
---------------------------------------------------------*/
*html  {overflow-y:auto;}/*IE6だけに適用*/
*+html {overflow-y:auto;}/*IE7だけに適用*/
html   {overflow-y:scroll;}

/*Init
---------------------------------------------------------*/
form,ul,ol,li,dl,dt,dd,body,h1,h2,h3,h4,p { margin:0; padding:0; }
ul { list-style:none; }
img { border:0; }
hr { display:none; }
a { color:#2f315c; }

/*Layout
---------------------------------------------------------*/
#site { width:850px; margin:0 auto; }

/*header
---------------------------------------------------------*/
#header { width:840px; margin:0 auto; padding:20px 0 0 0; background:url(../../images/header_topline.gif) 0 0 no-repeat; color:#333; }
#header_mainarea { margin:10px 0 9px 0; }
#header_mainarea h1 { font-weight:normal; }
#header_mainarea h2 { float:left; margin-right:204px; width:232px; }
#header_mainarea .logo { float:left; margin-right:204px; width:232px; }
#header_mainarea #btn_franchise { float:left; margin:4px 0 0 0; width:180px; }
#header_mainarea #tel_infomation { float:right; margin:4px 0 0 0; width:206px; }

/*gmenu
---------------------------------------------------------*/
#gmenu { padding:5px 5px 0 5px; width:840px; background:url(../images/gmenu/gmenu_bg.gif) 0 0 no-repeat; height:40px; }
#gmenu li { float:left; width:140px; display:block; }

/*contents
---------------------------------------------------------*/
#contents { width:850px; background:url(../images/contents_bg.gif) 0 0 repeat-y; _margin-top:-6px; }
#contents #bg_top { background:url(../images/contents_top.gif) 0 0 no-repeat; width:850px; height:10px; display:block; }
#contents #bg_contents { background:url(../images/contents_bottom.gif) 0 bottom no-repeat; padding:6px 8px 8px 8px; _padding-bottom:0px; width:834px; height:1%; }
#contents #main_area { margin:0 13px; width:806px; }
#left_contents { float:left; width:584px; }
#left_contents h2.title { margin-bottom:10px; }
#right_contents { float:right; width:204px; }
.MarB20 { margin-bottom:20px; }
.MarB10 { margin-bottom:10px; }
.MarB8 { margin-bottom:8px; }
.MarB5 { margin-bottom:5px; }
.base_color { color:#333; }
.Center { text-align:center; }
.Right { text-align:right; }

/*Maincontents
---------------------------------------------------------*/
#left_contents #Main_contents { margin:0 auto 20px auto; width:560px; }
#left_contents #Main_contents h3.title1 { width:560px; padding:0 0 3px 0; margin-bottom:10px; border-bottom:1px solid #bdbdbd; }
#left_contents #Main_contents h3.title2 { width:270px; padding:0 0 3px 0; margin-bottom:10px; border-bottom:1px solid #bdbdbd; }
#left_contents #Main_contents .img_border { padding:2px; border:1px solid #dadada; }
#left_contents #Main_contents h4.title1 { background:url(../images/icon_square.gif) 0 4px no-repeat; margin-bottom:4px; padding:4px 0 6px 10px; color:#937600; }

/*rightmenu
---------------------------------------------------------*/
#right_contents #rightmenu { width:198px; margin:0 auto 20px auto; }
#right_contents #rightmenu h3 { width:198px; margin:0; }
#right_contents #rightmenu ul { width:196px; border:1px solid #d3d3d3; background:#daeae3; }
#right_contents #rightmenu ul li.visit { display:block; width:166px; border-bottom:1px solid #acacac; padding:5px 5px 5px 25px; color:#fff; font-weight:bold; background:url(../images/icon_secondmenu.gif) 5px 8px no-repeat #32966c; }
#right_contents #rightmenu ul li.link a { display:block; width:166px; border-bottom:1px solid #acacac; padding:5px 5px 5px 25px; background:url(../images/icon_secondmenu.gif) 5px 8px no-repeat #daeae3; color:#006633; text-decoration:none; }
#right_contents #rightmenu ul li.link a:hover { display:block; color:#fff; text-decoration:underline; font-weight:bold; background:url(../images/icon_secondmenu.gif) 5px 8px no-repeat #32966c; }
#right_contents #rightmenu ul li ul { margin:0; padding:0; border:0; background:none; }
#right_contents #rightmenu ul li ul li.visit { display:block; width:156px; border-bottom:1px dashed #acacac; padding:5px 5px 5px 35px; color:#fff; font-weight:bold; background:url(../images/icon_secondmenu.gif) 15px 8px no-repeat #32966c; }
#right_contents #rightmenu ul li ul li.link a { display:block; width:156px; border-bottom:1px dashed #acacac; padding:5px 5px 5px 35px; background:url(../images/icon_secondmenu.gif) 15px 8px no-repeat #daeae3; color:#006633; text-decoration:none; }
#right_contents #rightmenu ul li ul li.link a:hover { display:block; color:#fff; text-decoration:underline; font-weight:bold; background:url(../images/icon_secondmenu.gif) 15px 8px no-repeat #32966c; }
#right_contents #rightmenu ul li ul li.link_end a { display:block; width:156px; padding:5px 5px 5px 35px; background:url(../images/icon_secondmenu.gif) 15px 8px no-repeat #daeae3; color:#006633; text-decoration:none; }
#right_contents #rightmenu ul li ul li.link_end a:hover { display:block; color:#fff; text-decoration:underline; font-weight:bold; background:url(../images/icon_secondmenu.gif) 15px 8px no-repeat #32966c; }
#right_contents #rightmenu ul li ul li.visit_end { display:block; width:156px; padding:5px 5px 5px 35px; color:#fff; font-weight:bold; background:url(../images/icon_secondmenu.gif) 15px 8px no-repeat #32966c; }
#right_contents #rightmenu ul li ul li.menu { display:block; width:166px; border-bottom:1px solid #acacac; padding:5px 5px 5px 25px; color:#333; font-weight:bold; background:#dbdbdb; }
#right_contents #rightmenu ul li ul li.menu2 { display:block; width:166px; border-bottom:1px solid #acacac; border-top:1px solid #acacac; padding:5px 5px 5px 25px; color:#333; font-weight:bold; background:#dbdbdb; }
/*#right_contents #rightmenu ul li ul li ul { margin:0; padding:0; border:0; background:none; }
#right_contents #rightmenu ul li ul li ul li.visit { display:block; width:156px; border-bottom:1px dashed #acacac; padding:5px 5px 5px 35px; color:#fff; font-weight:bold; background:url(../images/icon_secondmenu.gif) 15px 8px no-repeat #32966c; }
#right_contents #rightmenu ul li ul li ul li.link a { display:block; width:156px; border-bottom:1px dashed #acacac; padding:5px 5px 5px 35px; background:url(../images/icon_secondmenu.gif) 15px 8px no-repeat #daeae3; color:#006633; text-decoration:none; }
#right_contents #rightmenu ul li ul li ul li.link a:hover { display:block; color:#fff; text-decoration:underline; font-weight:bold; background:url(../images/icon_secondmenu.gif) 15px 8px no-repeat #32966c; }
*/
/*service
---------------------------------------------------------*/
#right_contents #service { width:204px; margin:0 auto 20px auto; }
#right_contents #service #box_top { width:204px; display:block; background:url(../images/second_service_top.gif) 0 0 no-repeat; height:6px; _margin-bottom:-12px; }
#right_contents #service #box_con { width:182px; background:url(../images/second_service_bg.gif) 0 0 repeat-y; padding:8px 11px; }
#right_contents #service #box_bottom { width:204px; display:block; background:url(../images/second_service_bottom.gif) 0 0 no-repeat; height:6px; }
#right_contents #service #box_con h3 { background:url(../images/icon_titleservice.gif) 0 0 no-repeat; padding:0 0 2px 22px; margin:0 0 8px 0; }
#right_contents #service #box_con ul { width:182px; }
#right_contents #service #box_con ul li a { padding:4px 0 4px 18px; background:url(../images/icon_arrowgreen1.gif) 0 4px no-repeat; color:#006633; }

/*campaign
---------------------------------------------------------*/
#right_contents #campaigninfo { width:204px; margin:0 auto; }
#right_contents #campaigninfo h3#campaign{ margin-right:0; width:204px; }
#right_contents #campaigninfo h3 img {margin:0; width:204px; }
#right_contents #campaigninfo .box_bg { width:202px; margin:0 0 20px 0; padding:0 0 10px 0; background:url(/images/rightmenu_bg4.gif) 0 bottom no-repeat; }
#right_contents #campaigninfo .box_con { width:182px; padding:8px 2px 0 14px; background:url(/images/rightmenu_bg3.gif) 0 0 no-repeat; }
#right_contents #campaigninfo .box_con ul { width:182px; margin:0 0 8px 0; }
#right_contents #campaigninfo .box_con ul .campaignlist a { padding:8px 0; border-bottom:1px dashed #999; width:182px; display:block; color:#3b5575; text-decoration:none; }
#right_contents #campaigninfo .box_con ul .campaignlist a:hover { background:#e5e5e5; display:block; }
#right_contents #campaigninfo .box_con ul .campaignlist2  { padding:8px 0; border-bottom:1px dashed #999; width:182px; display:block; color:#3b5575; text-decoration:none; }
#right_contents #campaigninfo .box_con .bn a { text-align:right; display:block; padding:3px 16px 3px 0; background:url(/common/images/icon_arroworange.gif) right 3px no-repeat; color:#006633; }

/*list
---------------------------------------------------------*/
.point_list1 { background:#f3f3f3; padding:8px; }
.point_list2 { padding:8px; }
.point_list1 li,
.point_list2 li { background:url(../images/icon_listtop1.gif) 0 2px no-repeat; padding-left:14px; }
.point_list3 { margin:0; }
.point_list3 li { background:url(../images/icon_circle.gif) 0 4px no-repeat; padding-left:16px; }

.icon_wmp { background:url(../images/icon_wmp.gif) 0 1px no-repeat; padding:4px 0 3px 20px; }
.icon_pdf { background:url(../images/icon_pdf.gif) 0 2px no-repeat; padding:4px 0 3px 20px; }
.icon_arrow1 { background:url(../images/icon_arroworange.gif) 0 2px no-repeat; padding:2px 0 2px 18px; margin:4px 0; }


/*contents_float
---------------------------------------------------------*/
.con1 { width:560px; margin-bottom:20px; }
.con1 .left { width:270px; float:left; }
.con1 .right { width:270px; float:right; }
.con2_left { float:left; width:117px; }
.con2_right { float:right; width:140px; }

/*pagemove
---------------------------------------------------------*/
ul#pagemove { width:560px; margin:0 0 20px 0; }
ul#pagemove li.back { float:left; width:100px;}
ul#pagemove li.back a { width:70px; background:url(../images/icon_leftarrow_gray.gif) 0 2px no-repeat; padding-left:8px; }
ul#pagemove li.back a:hover { background:url(../images/icon_leftarrow_red.gif) 0 2px no-repeat; }
ul#pagemove li.next { float:right; width:100px; text-align:right; }
ul#pagemove li.next a { width:70px; background:url(../images/icon_rightarrow_gray.gif) right 2px no-repeat; padding-right:8px; text-align:right; }
ul#pagemove li.next a:hover { background:url(../images/icon_rightarrow_red.gif) right 2px no-repeat; }

/*box
---------------------------------------------------------*/
.gray_border { border:1px solid #cfcfcf; }
.sub_box1 { border:2px solid #fff; background:#ededed; padding:4px 10px; width:534px; }
.sub_box2 { border:2px solid #fff; background:#ededed; padding:4px 10px; }


/*pankuzu
---------------------------------------------------------*/
#pan { margin:-8px 0 23px 4px; display:block; position:relative; _padding-bottom:1px; }
*+html #pan { padding-bottom:1px; }
#pan li { float:left; padding-left:8px; }
#pan li.pan_arrow { background:url(../images/icon_pan.gif) right 4px no-repeat; padding-right:12px; }
#pan li.pan_arrow a { color:#006633; text-decoration:none; font-weight:bold; }
#pan li.pan_arrow a:hover { text-decoration:underline; }
#pan li.pan_noarrow a { color:#006633; text-decoration:none; font-weight:bold; }
#pan li.pan_noarrow a:hover { text-decoration:underline; }
/*pageup
---------------------------------------------------------*/
.pageup a { float:right; width:60px; background:url(../images/icon_pageup.gif) 0 2px no-repeat; padding-left:16px; color:#006633; font-weight:bold; }


/*footer
---------------------------------------------------------*/
#footer_top { background:url(../images/footer_top.gif) 0 0 no-repeat; width:834px; height:3px; display:block; margin:20px 0 0 0; }
#footer { background:url(../images/footer_bg.gif) 0 0 repeat-y; padding:0 20px; width:794px; _margin-top:-20px; }
#footer a { color:#006633; }
#footer #right1 { float:right; width:335px; _width:365px; margin:14px 0 10px 0; }
*+html #footer #right1 { width:365px; }
#footer #right1 li { float:left; background:url(../images/icon_arrowgray.gif) 0 5px no-repeat; padding:0 0 0 8px; margin:0 8px 0 0; }

#footer #right2 { float:right; width:295px; _width:325px; margin:8px 0 4px 0; }
*+html #footer #right2 { width:325px; }
#footer #right2 ul li { float:left; background:url(../images/icon_arrowgray.gif) 0 5px no-repeat; padding:0 0 0 8px; margin:0 8px 0 0; }
#footer #right2 #totoppage a { padding:4px 0 4px 18px; background:url(../images/icon_totoppage.gif) 0 2px no-repeat; color:#006633; }
/* 2008/10/14 toppage footer [RIGHT3] */
#footer #right3 { float:right; width:335px; _width:365px; margin:8px 0 4px 0; }
*+html #footer #right3 { width:365px; }
#footer #right3 ul li { float:left; background:url(../images/icon_arrowgray.gif) 0 5px no-repeat; padding:0 0 0 8px; margin:0 8px 0 0; }
#footer #right3 #totoppage a { padding:4px 0 4px 18px; background:url(../images/icon_totoppage.gif) 0 2px no-repeat; color:#006633; }

#footer #copyright { float:left; color:#333333; width:320px; margin:14px 0 0 0; font-family:"Times New Roman", Times, serif; }
#footer_bottom { background:url(../images/footer_bottom.gif) 0 0 no-repeat; width:834px; height:8px; display:block; }


/*Fonts
---------------------------------------------------------*/
.txt70 { font-size:70%; line-height:140%; }
.txt70n { font-size:70%; line-height:110%; }
.txt75 { font-size:75%; line-height:145%; }
.txt75n { font-size:75%; line-height:115%; }
.txt80 { font-size:80%; line-height:150%; }
.txt80n { font-size:80%; line-height:120%; }
.txt90 { font-size:90%; line-height:160%; }
.txt90n { font-size:90%; line-height:130%; }
.txt100 { font-size:100%; line-height:170%; }
.txt100n { font-size:100%; line-height:140%; }
.txtbold { font-weight:bold; }

/*clearFix
---------------------------------------------------------*/
.clears:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clears { display: inline-table; zoom: 100%; }

/* macIE \*/
* html .clears { height: 1%; }
.clears { display: block; }
/* macIE */
.clear { clear:both; }