@charset "utf-8";

/* CSS Document */



/*�}�[�W������*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,blockquote,table,th,td{margin:0; padding:0;}



/*�C���[�W*/

img{border:0;}



/*���o��*/

h1,h2,h3,h4{font-style:normal; font-weight:normal;}

h2{margin-bottom: 5px;}

h4{font-size: 1em; font-weight: bold;}



strong{font-size: 1.0em; font-weight:bold;}





/*�p���O���t*/

p{margin:0; padding:0 0 10px 0;}







/*�{�f�B

------------------------------------------------- */

body{font-size: 0.8em; font-family: "�ҥ饮�γѥ� Pro W3", "Hiragino Kaku Gothic Pro", "�ͣ� �Х����å�", sans-serif;

	line-height: 1.6em; color: #333; background-color: #fff; text-align:center;}



/*�����N

------------------------------------------------- */

a:link { color: #333; }

a:visited { color: #333; }

a:hover { color: #666; }

a:active { color: #333; }







/* 00�}�[�W��

------------------------------------------------- */

/*�^��*/

#container,#header,#box,#pageTop,#footer,#topicPath,#navi{margin-left: auto; margin-right: auto;}



/*�t���[�g*/

#left,#headerLeft,#pageLeft,#infoLeft{float: left;}

#right,#headerRight,#pageRight,#infoRight{float: right;}





/* 01���j���[

------------------------------------------------- */

#h_menu{ width:900px; height:40px; font-size:14px; font-weight:bold; float:left; padding:0; margin:0;}



#h_menu a{display:block;}

#h_menu a:link { color: #fff; text-decoration: none; height:25px; width:126px; padding-top:5px;}

#h_menu a:visited { color: #fff; text-decoration: none; height:25px; width:126px; padding-top:5px;}

#h_menu a:hover { color: #CCC; background-color: #C69; height:25px; width:126px; background-color:#f2f1f1;  border-left:#fff 1px solid; border-right:#fff 1px solid;}

#h_menu a:active { color: #fff; text-decoration: none; height:25px; width:126px; padding-top:5px;}



#h_menu ul{list-style:none; margin:0; padding:0; float:left;}

#h_menu li{float:left; height:30px; width:126px; background-color:#C00; border-left:#fff 1px solid;

border-right:#fff 1px solid; }







/* 01�R���e�i

------------------------------------------------- */

#container{width: 900px; text-align: center; margin-top: 10px; height: auto;}





/* 02�w�b�_�[

------------------------------------------------- */



#header{width: 900px; height: auto; font-size:11px; color:#666; margin-bottom: 20px; text-align:left;}

#login{ text-align:right; font-size:11px; color:#FFF; background-color:#C00; margin-bottom:5px;}



#header a:link { color: #fff;}

#header a:visited { color: #fff;}

#header a:hover { color: #CCC;}

#header a:active { color: #fff;}



#main{width: 900px; height: 260px;}

#h_logo{ width:400px; float:left;}

#h_contact{ width:320px; float:right; text-align:right;}



#header h1{display: none;}

#header h2{display: none;}

#header h3{display: none;}







/* 03�t�b�^�[

------------------------------------------------- */

#footer{width: 900px; height: 30px; border-top:#C00 2px solid; padding:15px 10px; margin-bottom:10px; font-size:11px;}

#footer li{ list-style:none; float:left; margin-right:20px;}



#footer a:link { color: #666; font-size:12px;}

#footer a:visited { color: #666; font-size:12px;}

#footer a:hover { color: #CCC; font-size:12px;}

#footer a:active { color: #666; font-size:12px;}



#foot_l{width:500px; float:left; margin-bottom:20px;}

#foot_r{width:300px; float:right; margin-bottom:20px;}







/* 04���E�R���e�i

------------------------------------------------- */

#left{width: 630px; text-align: left; margin: 20px 0 0 0; display: inline;}

#left p{margin: 0 30px 0 25px;}



#right{width: 210px; margin: 20px 0 50px 20px; }

#right p{padding:0 8px;text-align: left;}


/*�g�b�v*/

#t_top{ margin:5px 0; display: none;}

.t_top_b{ float:left; width:200px; height:50px; margin:5px 10px 10px 0;}

.t_top_b h2{ font-size:12px; line-height:13px; color:#333; margin:0; padding:0; display: none;}



.sq{float:left; width:80px; margin-right:20px; font-size:11px; line-height:1.2em;}



/*�g�s�b�N*/

.topic h3{ background-image:url(image/top_bar.jpg); background-position:bottom left; background-repeat:no-repeat;

width:590px; height:25px; margin-bottom:5px; padding: 10px 0 0 10px; font-size:1.2em; font-weight:bold; color:#fff; }



.topic h3 a:link { font-size:0.8em; color: #666; font-weight:normal}

.topic h3 a:visited { font-size:0.8em; color: #666; font-weight:normal}

.topic h3 a:hover { font-size:0.8em; color: #CCC; font-weight:normal}

.topic h3 a:active { font-size:0.8em; color: #666; font-weight:normal}


h2#cycle { font-size:16px; font-weight:bold; height:25px; width:600px; background:url(image/opink.jpg) no-repeat bottom left;padding:5px 0 0 15px; margin-bottom:10px; color: #FFF; border-left:#F66 5px solid;}

.button a:hover img {opacity:0.4; filter: alpha(opacity=40); -ms-filter: "alpha( opacity=40 )"; background: #fff; }

.button { text-align: left;}



#shopcnt{ background:url(image/top.png) no-repeat top; width:892px; height:230px;}

/*����*/

.dpink{font-size:14px; font-weight:bold; color:#F66; margin-bottom:10px;}

.bbox{margin:0 0 10px 10px; padding:10px; border:#CCC 1px solid; width:170px; height:80px; float:left;}





#donyu{margin:10px 0; padding:5px;}

#donyu a:hover img {opacity:0.4; filter: alpha(opacity=40); -ms-filter: "alpha( opacity=40 )"; background: #fff; }

#donyu h4 a:link { font-size:12px; color: #333; font-weight:bold;}

#donyu h4 a:visited { font-size:12px; color: #333; font-weight:bold}

#donyu h4 a:hover { font-size:12px; color: #666; font-weight:bold}

#donyu h4 a:active { font-size:12px; color: #333; font-weight:bold}



.tt_jirei{ float:left; width:178px; height:235px; background:url(image/p_bar.jpg) no-repeat left top; margin:10px 10px 10px 0; padding:4px 5px 5px 7px; border:#CCC 1px solid; font-size:11px; line-height:13px;}



.d_jirei{ float:left; width:178px; height:80px; background:url(image/p_bar.jpg) no-repeat left top; margin:10px 10px 0 0; padding:4px 5px 5px 7px; border:#CCC 1px solid; font-size:11px; line-height:13px;}





/*����*/

.t_jirei{ width:600px; text-align: center; margin-top:10px;}

.t_jirei a:hover img {opacity:0.4; filter: alpha(opacity=40); -ms-filter: "alpha( opacity=40 )"; background: #fff; }

.t_jirei ul { margin: 0; padding: 0; list-style-type: none;}

.t_jirei li{ float:left; margin-left:10px;}





/*�{�^��*/

.appli a:hover img {opacity:0.4; filter: alpha(opacity=40); -ms-filter: "alpha( opacity=40 )"; background: #fff; }

.appli { text-align: left; margin-bottom:10px;}



#s_appli{ padding:10px; border-bottom:#F99 1px dotted;  border-top:#F99 1px dotted; border-left:#F99 3px solid; border-right:#F99 3px solid; }





/*�j���[�X*/

#newsi{background:url(image/new.jpg) no-repeat top; width:207px; height:20px; margin-top:5px;}

#news{ width:207px; height:200px;  border:#CCC 1px solid; margin-bottom:10px;}

#news iframe {
width: 207px;
height: 200px;
}



/*�{�b�N�X*/

#p_box{width:600px; margin:30px 0;}

#p_box a:hover img {opacity:0.4; filter: alpha(opacity=40); -ms-filter: "alpha( opacity=40 )"; background: #fff; }

#point{width:580px; height:30px; background:url(image/pp_bar.jpg) no-repeat top left; padding:5px 0 0 20px; font-size:14px; font-weight:bold;}

.p_mbox{ width:580px; margin:10px 0 20px 20px; border-bottom:#CCC 1px solid;}







/*���H*/

table{border-collapse:collapse;border-spacing:0;}



/*���H*/

.table_fot{

width:617px;

  font-size: 10px;

  color: #666;

  line-height: 12px;

  text-align: left; border:#F99 1px solid;

  margin:50px 0;

}



.table_fot{width:620; font-size: 10px;}



.table_fot a{ text-decoration:none; color:#999; }

.table_fot a:link{color: #999; }

.table_fot a:link{color: #999; }

.table_fot a:visited{color: #999; }

.table_fot a:hover{color: #999; }


.table_fot2 a{ text-decoration:none; color:blue; }

.table_fot2 a:link{color: blue; }

.table_fot2 a:link{color: blue; }

.table_fot2 a:visited{color: blue; }

.table_fot2 a:hover{color: blue; }











/*�N���A

------------------------------------------------- */

.clear{

	height:0px;

	clear:both;

	display: hidden;

	line-height:0;

	font-size:0px;

	zoom:1;

}







  

  

  /*�^�b�`�p���j��

------------------------------------------------- */



#touchnavi{ width:200px; font-size:14px; font-weight:bold; margin-bottom:30px; text-align:left;}



#touchnavi a{display:block;}

#touchnavi a:link { color: #333; text-decoration: none; height:25px; width:180px; padding:5px 0 0 20px;}

#touchnavi a:visited { color: #333; text-decoration: none; height:25px; width:180px; padding:5px 0 0 20px;}

#touchnavi a:hover { color: #CCC; border-left:#f4efef 3px solid; height:25px; width:177px; background-color:#f2f1f1;  border-bottom:#fff 1px solid; border-right:#fff 1px solid; border-top:#fff 1px solid;  padding:5px 0 0 20px;}

#touchnavi a:active { color: #333; text-decoration: none; height:25px; width:180px; padding:5px 0 0 20px;}



#touchnavi ul{list-style:none; margin:0; padding:0;}

#touchnavi li{height:30px; width:200px; border-left:#C06 3px solid; border-bottom:#CCC 1px solid;

border-right:#CCC 1px solid; border-top:#CCC 1px solid; margin:1px 0;}







  /*�\����

------------------------------------------------- */

.top_t{ width:600px; border-bottom: #C03 3px solid; border-left: #C03 1px solid; margin-bottom:15px; padding-left:10px;}



.mousikomi{ text-align:center; margin:20px 0 30px 0;}

.mousikomi a:hover img {opacity:0.4; filter: alpha(opacity=40); -ms-filter: "alpha( opacity=40 )"; background: #fff; }







/*����*/



.box1 {text-align:center;font-size:10px; }

.shiharai {text-align:left; font-size:10px; line-height:14px; margin:5px 0 0 0; padding-left:10px;}

#omakase{margin:20px 0;}



.muryou a:hover img {opacity:0.4; filter: alpha(opacity=40); -ms-filter: "alpha( opacity=40 )"; background: #fff; }

.muryou { float:left; margin-right:10px;}



.pay ul{list-style-type: none;}

.pay li {margin-bottom: 8px;}

.pay{ margin-bottom:30px;}



.p_red{ background-image: url(03plan/image/bar_red2.gif); background-repeat:no-repeat; height:31px; width:580px; font-size:18px; color:#FFF; font-weight:bold; padding: 5px 0 0 20px; margin-bottom:15px;}



.ya{margin:10px 0 40px 0; padding-left:10px;}





/*�@�\*/



#k_menu{text-align:left; font-size:12px; font-weight:bold; border:#999 1px solid; margin-bottom:30px;}

#k_menu ul{ list-style:none; padding:0; margin:0;}

#k_menu li {margin-bottom: 10px;}

#k_menu a:link { color: #366; }

#k_menu a:visited { color: #366; }

#k_menu a:hover { color: #9C6; }

#k_menu a:active { color: #366; }



#left_space{ width:620px; height:auto; } 



.sub_bar{ background:url(02function/image/bar.jpg) no-repeat top left; padding: 3px 0 0 20px; color:#333; font-size:18px; font-weight:bold; width:580px; height:28px; border-left:#C00 5px solid;}



.mbox_l{ width:280px; height:140px; background: url(02function/image/m_box.jpg) top left no-repeat; padding:10px; float:left;}

.mbox_r{ width:280px; height:140px; background:url(02function/image/m_box.jpg) top left no-repeat; padding:10px; float:right;}

.mbox_c{ width:260px; height:90px; margin-top:20px;}

.mbox_cr{ width:130px; height:90px; margin-left:10px;}

.green{ color: #366; font-size:14px; font-weight:bold;}





#s_site {width:600px; height:70px; margin:10px 0px; padding:0; text-align: center;}

#s_site a:hover img {opacity:0.4; filter: alpha(opacity=40); -ms-filter: "alpha( opacity=40 )"; background: #fff; }

#s_site ul { width:600px; padding:0; margin:0; list-style-type :none; float:left;}

#s_site li { display:block; float:left;}

     

#s_mail {width:600px; height:70px; margin:10px 0px; padding:0; text-align: center;}

#s_mail a:hover img {opacity:0.4; filter: alpha(opacity=40); -ms-filter: "alpha( opacity=40 )"; background: #fff; }

#s_mail ul { width:600px; padding:0; margin:0; list-style-type :none; float:left;}

#s_mail li { display: block; float:left;}









/*�X�J�C�v*/

.cell1{ width:560px; height:25px; margin:20px 0 10px 10px; background: no-repeat top left url(04example/image/bar_p.jpg); color:#FFF; font-size:14px; font-weight:bold; padding:5px 0 0 30px;}

.cell2{ width:580px; padding:10px; margin-bottom:5px;}



.m_left{ width:100px; height:100px; float:left; text-align:center;}

.m_left a:hover img {opacity:0.4; filter: alpha(opacity=40); -ms-filter: "alpha( opacity=40 )"; background: #fff; }



.m_right1{ width:450px; height:30px; float:right; font-size:14px; color:#960; font-weight:bold;}

.m_right1 a:link { color: #960; }

.m_right1 a:visited { color: #960; }

.m_right1 a:hover { color: #996; }

.m_right1 a:active { color: #960; }



.m_right2{ width:450px; height:70px; float:right;}

.m_right3{ width:450px; height:auto; float:right;}



.gyosyu_t{margin:50px 0; width:600px; text-align:center; color:#960; border-top: #CCC 1px solid; padding-top:10px;}

.gyosyu_t a:link { color: #960; }

.gyosyu_t a:visited { color: #960; }

.gyosyu_t a:hover { color: #996; }

.gyosyu_t a:active { color: #960; }



#meidai{width:600px; margin-bottom:10px;}



#chiyomo{width:598px; border:#6C3 1px solid; margin-bottom:20px; padding:10px;}

#chiyomo a:link {color: #C63;text-decoration: underline;}

#chiyomo a:visited {color:#C63;text-decoration: underline;}

#chiyomo a:hover {color: #CCC;text-decoration: underline;}

#chiyomo a:active { color: #C63; }



.text { font-size: 12px;font-weight: normal;line-height: 16px;letter-spacing: 1px;}



.jirei{width:580px; height:auto; padding:10px; margin-bottom:20px; border:#999 1px solid;}

.jirei_l{width:350px; height:auto; float:left; margin-right:10px; padding-left:10px;}

.jirei_r{width:185px; height:auto; float:right; text-align:center;}

.jirei dd{ font-weight:bold; font-size:12px; color:#396; border:#396 1px solid; width:40px; text-align:center;}

.jirei dt{ margin-left:50px;}

.qr{border:#999 1px solid; margin-left:50px; width:80px;}

.mar80{ margin:80px 0;}



.top_ts{ width:600px; height:25px; border-left:#C06 5px solid; margin-bottom:15px; padding:5px 0 0 20px; font-size:14px; font-weight:bold; border-bottom:#e0beb7 1px solid;}



.mobile{ width:220px; height:auto; border:#CCC 1px solid; float:left;}

.history{ width:370px; margin:0 0 50px 20px; float:right;}



dl.qu{ padding:30px 0; border-top:#CCC 1px dotted; width:580px;}

dl.qu dt{ font-weight:bold; background:url(05question/image/bp.jpg) left top no-repeat; padding-left:5px; margin-bottom:15px;}

dl.qu dd{ padding-left:45px; margin:10px 0; font-weight:normal; background:url(05question/image/ans.jpg) left top no-repeat;}



dl.qu dd a:link {color: #2d99e5;text-decoration: underline;}

dl.qu dd a:visited {color:#2d99e5;text-decoration: underline;}

dl.qu dd a:hover {color: #72b5e5;text-decoration: underline;}

dl.qu dd a:active { color: #2d99e5; }



.tib{ font-size:16px; font-weight:bold; width:580px; background-color:#c0d8a5; padding:5px;}





ul.ct{ width:580px; margin-bottom:40px; font-weight:bold;}

ul.ct li{ list-style:none; margin-bottom:20px; font-weight:normal;}



ul.ct li a:link {color: #2d99e5;text-decoration: underline;}

ul.ct li a:visited {color:#2d99e5;text-decoration: underline;}

ul.ct li a:hover {color: #72b5e5;text-decoration: underline;}

ul.ct li a:active { color: #2d99e5; }



tn{font-weight:normal;}


#blog{width:207px; height:300px; margin:10px 0; border:1px solid #CCC; text-align:left; font-size:12px; }
#blog ul{ list-style:none;}
#blog ul li{ margin-bottom:5px;}

#blog ul li a:link {color: #2d99e5;text-decoration: underline;}
#blog ul li a:visited {color:#2d99e5;text-decoration: underline;}
#blog ul li a:hover {color: #72b5e5;text-decoration: underline;}
#blog ul li a:active { color: #2d99e5; }

#feed1 {padding:0 5px 5px 5px;}

#blogdate{ color:#666; font-weight:bold;}