/*                  §GROUP§                  */
/* _______________// CSS:index________________ */

/* ================================================================================ */
/*      MAIN COMPORNENTS                                                            */  
/* ================================================================================ */

body {text-align:center;margin:0px;padding:0px;background:#ffffff;color:#444444;font-size:100%;font-family:ＭＳ Ｐゴシック}
a:link{color:#444444}
a:visited{color:#444444}
a:hover{color:#990033}
a{text-decoration:none}

img {border:none}

#container {margin:0px auto;padding:0px;width:100%}

/* ================================================================================ */
/*      HEADER                                                                      */  
/* ================================================================================ */

#header {margin:0px auto;padding:0px;width:700px;height:70px}
#logo {float:left;margin:0px;padding:0px;width:500px;height:70px;text-align:left;font-size:70%}
#logo p{margin-top:13px;color:#999999}

h1 {margin-top:6px;padding:0px;width:225px;height:40px;text-indent:-9999px;background:url("header_logo.gif") no-repeat}

#header_navi {float:right;margin:0px;padding:0px;width:200px;height:70px;text-align:right;font-size:80%}
#header_navi ul{margin:0px;padding:0px;list-style:none}
#header_navi li{float:right;margin:0px;padding:10px}
#header_navi li a{text-decoration:none}
.counter {margin:0px;padding:0px}
.counter_image{margin-right:40px;margin-top:15px}

/* ================================================================================ */
/*      PAGE CONTENTS                                                                    */  
/* ================================================================================ */

/*---------------------------------------------------------------------
	//////// Global Navi  ///
---------------------------------------------------------------------*/

#global_navi {margin:5px auto;padding:0;width:700px;height:35px}
#global_navi ul {margin:0px;padding:0px;list-style:none;text-indent:-9999px}
#global_navi li {float:left;margin:0px;padding:0px;width:100px;height:35px;display:block}

h2 {margin:0px;padding:0px;width:100px}

.home a {display:block;width:100px;height:35px;background:url("home.gif") no-repeat}
.home a:hover {background-position:0px -34px}
.home a.active {background-position:0px -35px}
.home a:focus {-moz-outline-style:none}

.bessou a {display:block;width:100px;height:38px;background:url("bessou.gif") no-repeat}
.bessou a:hover {background-position:0px -35px}
.bessou a.active {background-position:0px -68px}
.bessou a:focus {-moz-outline-style:none}

.catv a {display:block;width:100px;height:38px;background:url("catv.gif") no-repeat}
.catv a:hover {background-position:0px -34px}
.catv a.active {background-position:0px -35px}
.catv a:focus {-moz-outline-style:none}

.healthy a {display:block;width:100px;height:38px;background:url("healthy.gif") no-repeat}
.healthy a:hover {background-position:0px -35px}
.healthy a.active {background-position:0px -68px}
.healthy a:focus {-moz-outline-style:none}

.policy a {display:block;width:100px;height:35px;background:url("policy.gif") no-repeat}
.policy a:hover {background-position:0px -36px}
.policy a.active {background-position:0px -68px}
.policy a:focus {-moz-outline-style:none}
 
.donation a {display:block;width:100px;height:35px;background:url("donation.gif") no-repeat}
.donation a:hover {background-position:0px -36px}
.donation a.active {background-position:0px -68px}
.donation a:focus {-moz-outline-style:none}

.contact a {display:block;width:100px;height:35px;background:url("contact.gif") no-repeat}
.contact a:hover {background-position:0px -36px}
.contact a.active {background-position:0px -68px}
.contact a:focus {-moz-outline-style:none}

/*---------------------------------------------------------------------
	//////// Promotion SWF  ///
---------------------------------------------------------------------*/

#promo {margin:10px auto;padding:0px;width:700px;height:250px}

/* ================================================================================ */
/*      LOCAL CONTENTS                                                                    */  
/* ================================================================================ */

#contents {margin:0px auto;padding:0px;width:700px}

/*---------------------------------------------------------------------
	//////// Left Category  ///
---------------------------------------------------------------------*/

#left_category {float:left;margin:0px;padding:0px;width:198px;background:#ffffff;border:solid 1px #998166;font-size:80%}
#left_category a {color:#663300;text-decoration:none}
#left_category a:hover {color:#009966;text-decoration:underline}
h3 {text-align:center;margin:0px;padding:4px}
.sales {text-align:left;margin:0px;padding:0px 7px 7px 7px;line-height:1.5em}

/*---------------------------------------------------------------------
	//////// Right Category  ///
---------------------------------------------------------------------*/

#right_category {float:left;margin:0px 0px 0px 10px;padding:0px;width:490px}
h4 {margin:0px;padding:0px;height:20px}
.new {margin:0px;padding:0px;height:20px;display:block;text-indent:-9999px;background:url("new.gif") no-repeat}
.check {margin:0px;padding:0px;height:20px;display:block;text-indent:-9999px;background:url("check.gif") no-repeat}
.voice {margin:0px;padding:0px;height:20px;display:block;text-indent:-9999px;background:url("voice.gif") no-repeat}
.title{color:#390000}
.new_info{text-indent:0.8em}

/*---------------------------------------------------------------------
	//////// Right Category [Categorybox]  ///
---------------------------------------------------------------------*/

.categorybox {margin:0px 0px 10px 0px;padding:0px;width:488px;background:#ffffff;border:solid 1px #998166}
h5 {margin:0px;padding:0px;color:#996633;font-size:100%}
.sobat{font-size:80%}
.summary {text-align:left;margin:0px;padding:10px;width:468px;height:auto;overflow:auto}
.summary ul {margin:0px;padding:5px 0px 10px 0px;list-style:none;background:url("line.png") no-repeat bottom;line-height:1.4em}
.summary p {margin:0px;padding:0px;line-height:1.7em}
p.note{padding-left:15px}
h6 {margin:0px;padding:5px;color:#444444;font-size:100%;font-weight:bold}/*-- 通常は、こちら --*/
h6.scap{margin-bottom:-8px;padding:5px;color:#444444;font-size:85%;font-weight:normal}
.check_thumbnail {float:left;margin-top:5px;margin-right:15px;padding:0px;border:solid 2px #000000}
.voice_thumbnail {float:right;width:240px;height:171px;margin-top:30px;margin-left:5px;padding:0px;border:solid 2px #000000}
.voice_thumbnails {float:left;width:240px;height:171px;margin-top:30px;margin-left:5px;padding:0px;border:solid 2px #000000}

/* ================================================================================ */
/*     FOOTER                                                                       */  
/* ================================================================================ */

#footer {clear:both;margin:0px auto;padding:0px;width:100%;height:50px;border-top:solid 1px #998166;color:#808080;font-size:80%;font-family:Times New Roman, Times, serif}


/* _______________// CSS:index________________ */
/*                  §GROUP§                  */