/* ------------------------------
Base design
------------------------------ */

*	{margin:0px;border:0px;padding:0px;}

#container {text-align:center;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding:0px;}

#header_base {margin-left:auto;margin-right:auto;width:760px;padding-top:15px;height:175px;}
#header_top {padding-right:10px;width:760px;height:150px;font-size:10px;color:#999999;line-height:18px;text-align:right;}
#header_bottom {height:25px;margin-left:auto;margin-right:auto;width:760px;color:#555555;}

#contents_base {width:760px;padding-bottom:15px;margin-left:auto;margin-right:auto;}
#con_base {width:760px;margin-left:auto;margin-right:auto;padding-bottom:20px;text-align:left;clear:both;}

/* --Layout_1/2-- */
#con1-4_left {width:190px;margin-left:0px;text-align:left;float:left;}
#con1-4_right {width:540px;margin-right:0px;text-align:left;float:right;line-height:1.8;}

#con2-3_left {width:290px;margin-left:0px;text-align:left;float:left;}
#con2-3_right {width:490px;margin-right:0px;text-align:left;float:right;}

#con3-3_left {width:390px;margin-left:0px;text-align:left;float:left;}
#con3-3_right {width:390px;margin-right:0px;text-align:left;float:right;}

#con4-2_left {width:480px;margin-left:0px;text-align:left;float:left;}
#con4-2_right {width:490px;margin-right:0px;text-align:left;float:right;}

#con5-1_left {width:590px;margin-left:0px;text-align:left;float:left;}
#con5-1_right {width:190px;margin-right:0px;text-align:left;float:right;}


#footer_center {text-align:center;width:840px;height:215px;margin-left:auto;margin-right:auto;color:#aaaaaa;font-size:10px;line-height:18px;background-image:url(../img/bd_02.gif);}
#footer_base {width:100%;height:215px;display:inline-block;background-image:url(../img/bd_01.gif);}

tt {font-size:12px;color:#ff3399;}
input,textarea,select
				{padding:3px;margin:2px;border-top:solid 1px #999999;border-left:solid 1px #999999;font-size:12px;color:#666666;background-color:#ffffff;border-bottom:solid 1px #cccccc;border-right:solid 1px #cccccc;background-color:#ffffff;}
.btn{padding:3px;background-color:#ffffff;color:#666666;border-style:solid;border-color:#cccccc #999999 #999999 #cccccc;border-width:1px;font-size:12px;}
img.photo_side{
    padding:10px 10px 10px 10px;
    background-color:#ffffff;
    border-color:#dddddd #bbbbbb #bbbbbb #dddddd;
    border-width:1px;
    border-style:solid;
}


#kakaku {font-size:11px;color:#ff3399;text-align:right;}
strong {font-size:13px;color:#777777;}
/* ------------------------------
system design
------------------------------ */
#half_left {width:365px;margin-left:0px;text-align:left;float:left;}
#half_right {width:365px;margin-right:0px;text-align:left;float:right;}



td {line-height:18px;}


a:hover img {
-moz-opacity:0.5;
opacity:0.5;
filter: alpha(opacity=90);
} 

/* --top Style_Button-- */
#hs_link {width:760px;margin-right:auto;margin-left:auto;}
#hs_link a {display:block;width:253px;height:62px;background-image:url(../img/a_02.jpg);}

a.h_style1 {background-position:0px 0px;float:left;}
a:hover.h_style1 {background-position:0px -200px;}

a.h_style2 {background-position:-253px 0px;float:left;}
a:hover.h_style2 {background-position:-253px -200px;}

a.h_style3 {background-position:-506px 0px;float:left;}
a:hover.h_style3 {background-position:-506px -200px;}


/* --top Hair Style-- */
#hs_banner {clear:both;width:760px;margin-right:auto;margin-left:auto;margin-bottom:10px;}
#hs_banner a {display:block;width:760px;height:138px;background-image:url(../img/a_02.jpg);}

a.h_banner {background-position:0px -62px;float:left;}
a:hover.h_banner {background-position:0px -262px;}



/* --bottom TOP PAGE-- */
#top_link   {width:115px;margin-right:auto;margin-left:auto;margin-bottom:50px;}
#top_link a {display:block;width:115px;height:35px;background-image:url(../img/home.gif);}
span {display:none;}
a.top {background-position:0px 0px;}
a:hover.top{background-position:0px -35px;}


/* ------------------------------
Style Program
------------------------------ */
#omote_base {margin-left:auto;margin-right:auto;text-align:center;width:760px;}
#omote_photo {width:150px;margin-top:10px;text-align:center;font-size:10px;}
#center_left {float:left;width:500px;text-align:left;}
#center_right {width:170px;float:right;}
#center_center {margin-left:auto;margin-right:auto;margin-bottom:10px;width:700px;text-align:left;line-height:18px;color:#666666;}

#staff_left {float:left;width:460px;text-align:left;}
#staff_right {width:210px;float:right;}

ul#back {width:119px;height:20px;overflow:hidden;}
ul#back li{float:left;height:20px;display:block;}
ul#back li a {display:block;overflow:hidden;height:0px !important;background-image:url(../album/img/back.gif);padding-top:100px;}

#back_1 a {width:119px;height:20px;background-position:0px 0px;}
#back a:hover {width:119px;height:100px;background-position:0px -20px;}


/* ------------------------------
link design
------------------------------ */

ul#roll {width:760px;height:100px;overflow:hidden;}
ul#roll li{float:left;height:100px;display:block;}
ul#roll li a {display:block;overflow:hidden;height:0px !important;background-image:url(../img/bd_05.jpg);padding-top:100px;}

#ro_1 a {width:380px;height:100px;background-position:0px 0px;}
#ro_1 a:hover {width:380px;height:100px;background-position:0px -400px;}

#ro_2 a {width:380px;height:100px;background-position:380px 0px;float:center;}
#ro_2 a:hover {width:380px;height:100px;background-position:380px -400px;}

#ro_3 a {width:380px;height:100px;background-position:0px -100px;}
#ro_3 a:hover {width:380px;height:100px;background-position:0px -500px;}

#ro_4 a {width:380px;height:100px;background-position:380px -100px;}
#ro_4 a:hover {width:380px;height:100px;background-position:380px -500px;}

#ro_5 a {width:380px;height:100px;background-position:0px -200px;}
#ro_5 a:hover {width:380px;height:100px;background-position:0px -600px;}

#ro_6 a {width:380px;height:100px;background-position:380px -200px;}
#ro_6 a:hover {width:380px;height:100px;background-position:380px -600px;}

#ro_7 a {width:380px;height:100px;background-position:0px -300px;}
#ro_7 a:hover {width:380px;height:100px;background-position:0px -700px;}

#ro_8 a {width:380px;height:100px;background-position:380px -300px;}
#ro_8 a:hover {width:380px;height:100px;background-position:380px -700px;}


/* ------------------------------
Finding
------------------------------ */

h1{font-size:14px;}
h2{text-align:left;width:720px;height:35px;padding-top:13px;font-size:20px;color:#ff6699;font-weight:bold;text-indent:35px;background-image:url(../img/h2.gif);background-repeat:no-repeat;}
h3{text-align:left;width:570px;height:30px;font-size:22px;color:#FFFFFF;font-weight:bold;padding:15px 0px;margin:0 auto;text-indent:45px;background:url(../img/h3.gif) no-repeat;}
h4{text-align:left;height:40px;font-size:18px;color:#cc0000;font-weight:bold;padding-top:10px;text-indent:30px;background-image:url(../img/h4.gif) no-repeat;}
h5{text-align:left;font-size:14px;color:#666666;font-weight:normal;margin-bottom:10px;}
h6{line-height:18px;text-align:left;font-size:14px;color:#003366;font-weight:normal;}


img				{border:0px;}

body			{font-size:12px;background-repeat:no-repeat;background-color:#ffffff;color:#555555;background-position:center top;background-image:url(../img/bd_03.gif);}
html {font-size:12px;}


a:visited		{text-decoration:none;color:#555555;}
a:link			{text-decoration:none;color:#555555;}
a:hover			{text-decoration:underline;color:#555555;}

a:visited.bottom		{text-decoration:none;color:#aaaaaa;}
a:link.bottom			{text-decoration:none;color:#aaaaaa;}
a:hover.bottom			{text-decoration:underline;color:#aaaaaa;}


a:visited.white	{text-decoration:none;color:white;font-size:11px;}
a:link.white	{text-decoration:none;color:white;font-size:11px;}
a:hover.white	{text-decoration:none;color:white;font-size:11px;position: relative; top: 1px; left: 1px;}

#lm_sub 		{font-size:10px;color:#cccccc;} 
#lm_main 		{font-size:15px;font-weight:bold;color:#ffffff;} 


#ul_waku		{border-top:solid 1px #000000;border-left:solid 1px #000000;margin-bottom:5px;border-bottom:solid 1px #ffffff;border-right:solid 1px #ffffff;list-style:none;}
#btn{padding:3px;background-color:#ffffff;color:#333333;border-style:solid;border-color:#cccccc #000000 #000000 #cccccc;border-width:1px;margin-top:20px;font-size:12px;}

a:hover.img		{ position: relative; top: 1px; left: 1px;}

#tform	{margin-left:auto;margin-right:auto;font-size:12px;text-align:left;padding:5px;overflow-y:auto;background-color:#ffffff;line-height:1.5;}
#iform	{margin-left:auto;margin-right:auto;font-size:10px;text-align:left;height:90px;padding:5px;overflow-y:auto;background-color:#ffffff;line-height:1.5;}
#sform	{width:760px;margin-left:auto;margin-right:auto;font-size:10px;text-align:left;height:250px;padding:0px;overflow-y:auto;background-color:#f7f5e8;border:solid 1px #cccccc;}


ul#ranking{
list-style:none;
width:570px;
}
ul#ranking li{
list-style:none;
float:left;
width:114px;
}
ul#ranking a{
display:block;
width:114px;
height:50px;
text-indent:-350px;
overflow:hidden;
}
a.bt1{background-image:url(../img/ran_01.gif);}
a:hover.bt1{background-position:0px -50px;}

a.bt2{background-image:url(../img/ran_02.gif);}
a:hover.bt2{background-position:0px -50px;}

a.bt3{background-image:url(../img/ran_03.gif);}
a:hover.bt3{background-position:0px -50px;}

a.bt4{background-image:url(../img/ran_04.gif);}
a:hover.bt4{background-position:0px -50px;}

a.bt5{background-image:url(../img/ran_05.gif);}
a:hover.bt5{background-position:0px -50px;}