
.s,

.m,

.l,

input,

select,

option,

textarea,

body,

td {

	font-family:"ＭＳ Ｐゴシック","Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro W4",Osaka,sans-serif;

}

td {

	font:13px;

	color:#222222;

}

A:link{ color:#0000FF; text-decoration:underline}

A:visited{ color:#0000FF; text-decoration:underline}

A:hover{ color:#FFA200; text-decoration:underline}

p {
	margin-top :    0em;
	margin-bottom : 0em;
}

body {

	background:url(http://hamoblo.com/image/portal/bg.gif);

	text-align:center;

}



#container {

	width:850px;

	background:url(http://hamoblo.com/image/portal/container_bg_850.gif) repeat-y;

	;

	margin:0 auto;

	padding:0px;

}



#header {

	width:850px;

/*	background:url(http://hamoblo.com/image/portal/header.gif) no-repeat top center;*/

	margin:0;

/*	padding:15px 0 0px 0;*/

	padding:4px 0 0px 0;

	text-align:center;

}



#head_belt {

	width:850px;

	background:url(http://hamoblo.com/image/portal/header.gif) no-repeat top center;*/

	padding:0px 0 0px 0;

	text-align:center;

	padding-top: 0px;

	padding-bottom: 0px;

}



#footer {

	width:850px;

	height:54px;

	margin:0 auto;

	background:url(http://hamoblo.com/image/portal/footer.gif) no-repeat top center;

	text-align:right;

}



#crumb { width:850px; }



#leftmenu {

	width:185px;

	background:url(http://hamoblo.com/image/portal/left_bg.gif) repeat-y right;
	
	text-align:center;

	margin:0 auto;

	padding:0px;

}

.leftmenu

    {  
		
		
		font-size:12px;color:#333;

       font-weight:bold;

       padding-left:10px;

       padding-top:5px;

       padding-bottom:5px;}

.leftmenu a:link

    {  font-size:12px;color:#333;

       font-weight:bold;

       text-decoration:none;}

.leftmenu a:visited

    {  font-size:12px;color:#333;

       font-weight:bold;

       text-decoration:none;}

.leftmenu a:hover

    {  font-size:12px;color:#933;

       font-weight:bold;

       text-decoration:none;}

.leftmenu a:active

    {  font-size:12px;color:#933;

       font-weight:bold;

       text-decoration:none;}



#right {
	width:185px;
	

	background:url(http://hamoblo.com/image/portal/right_bg.gif) repeat-y left;

	text-align:center;

	margin:0 auto;

	padding:0px;

}



.main {

	margin-top: 0px;

	background-color:#ffffff;

	height: auto;

	width: 480px;

	padding: 0px;

	padding-top: 10px;

	padding-left:5px;

}



.breadcrumbs

    {  font-size: 10px; font-weight: normal; color: #933;

        text-decoration:none;padding-top:1px;}

.breadcrumbs  A:link

   {  font-size: 10px; font-weight: normal; color: #933;

        text-decoration:none;}

.breadcrumbs  A:visited

   {  font-size: 10px; font-weight: normal; color: #933;

        text-decoration:none;}

.breadcrumbs  A:hover

   {  font-size: 10px; font-weight: normal; color: #933;

        text-decoration:underline;}

.breadcrumbs A:active

   {  font-size: 10px; font-weight: normal; color: #933;

        text-decoration:underline;}



.sub_menu 

    {  font-size: 10px; font-weight: normal; color: #333;

        text-decoration:none;padding-top:4px;}

.sub_menu  A:link

   {  font-size: 10px; font-weight: normal; color: #333;

        text-decoration:none;}

.sub_menu  A:visited

   {  font-size: 10px; font-weight: normal; color: #333;

        text-decoration:none;}

.sub_menu  A:hover

   {  font-size: 10px; font-weight: normal; color: #933;

        text-decoration:underline;}

.sub_menu  A:active

   {  font-size: 10px; font-weight: normal; color: #933;

        text-decoration:underline;}



.menu_normal { 

	margin:0 0 0 0;

	padding:3px 0 0 0; 

	background:url(http://hamoblo.com/image/portal/menu_btn_normal.gif) no-repeat top left; 

	text-align:center; 

	font:12px;

	color:#000000; 

	cursor: pointer;

}

.menu_normal a:link{ margin:0; padding:3px 0 0 0; color:#000000; text-decoration:none; display:block;}

.menu_normal a:visited{ color:#000000; text-decoration:none;}

.menu_normal a:hover{ color:#006699; text-decoration:underline; }

.menu_active { margin:0; padding:3px 0 0 0; 

               background:url(http://hamoblo.com/image/portal/menu_btn_hover.gif) no-repeat top center; 

               text-align:center; 

               font:12px; color:#000000; 

               cursor: pointer; }

.menu_active a:link{ margin:0; padding:3px 0 0 0; color:#006699; text-decoration:underline; display:block;}

.menu_active a:visited{ color:#006699; text-decoration:underline;}

.menu_active a:hover{ color:#006699; text-decoration:underline; }

.leftsubmenu

    {  background:#f9f9f9;

       font-size:12px;color:#933;

       padding:5px 5px 5px 15px;}

.leftsubmenu a:link

    {  font-size:12px;color:#666;

       text-decoration:none;}

.leftsubmenu a:visited

    {  font-size:12px;color:#666;

       text-decoration:none;}

.leftsubmenu a:hover

    {  font-size:12px;color:#333;

       text-decoration:underline;}

.leftsubmenu a:active

    {  font-size:12px;color:#333;

       text-decoration:underline;}

.leftsubmenu_on

    {  background:#f9f9f9;

       font-size:12px;color:#933;

       padding:5px 5px 5px 15px;}

.leftsubmenu_on a:link

    {  font-size:12px;color:#933;

       text-decoration:none;}

.leftsubmenu_on a:visited

    {  font-size:12px;color:#933;

       text-decoration:none;}

.leftsubmenu_on a:hover

    {  font-size:12px;color:#600;

       text-decoration:underline;}

.leftsubmenu_on a:active

    {  font-size:12px;color:#600;

       text-decoration:underline;}



.title

    {

	font-size:12px;color:#333;

	font-weight:bold;

	padding:8px 0px 5px 5px;

	border-bottom:3px double #bbb;

}



.side_title { width:151px; height:23px; background:url(http://hamoblo.com/image/portal/side_title.gif); text-align:left; margin:15px 0 5px 0;}

.side_title .text { font-size:10px; font-weight:bold; color:#000; padding:5px 10px; }

.side_title_bold { font-size:12px; font-weight:bold; color:#666; padding:5px; }



.topcategorytext { font-size:12px; color:#666; font-weight:bold; margin-top:5px; }

.topcategorytext a:link { color:#666; text-decoration:none; }

.topcategorytext a:visited { color:#666; text-decoration:none; }

.topcategorytext a:hover { color:#F36; text-decoration:none; }

.topcategorytexts { font-size:10px; color:#333; line-height:1.5;}

.topcategorytexts a:link { color:#333; text-decoration:none; }

.topcategorytexts a:visited { color:#333; text-decoration:none; }

.topcategorytexts a:hover { color:#F36; text-decoration:none; }



.pickup_box { background:#fff;  }

.pickup_box .text { font-size:10px; color:#333; line-height:1.5; padding:3px;}

.pickup_box .text a:link { font-size:10px; color:#000; text-decoration:none; }

.pickup_box .text a:visited { font-size:10px; color:#000; text-decoration:none; }

.pickup_box .text a:hover { font-size:10px; color:#000; text-decoration:underline; }



.arrow_text { font-size:10px; color:#0066cc; padding-top:5px; }

.arrow_text a:link { color:#0066cc; text-decoration:none; }

.arrow_text a:visited{ color:#0066cc; text-decoration:none; }

.arrow_text a:hover { color:#336600; text-decoration:underline; }



.text_s

    {  font-size:10px;color:#333;

       font-weight:normal;

       line-height:120%;}

.text_s a:link

    {  font-size:10px;color:#FF3333;

       font-weight:normal;text-decoration:none;}		

.text_s a:visited

    {  font-size:10px;color:#f66;

       font-weight:normal;text-decoration:none;}		

.text_s a:hover

    {  font-size:10px;color:#900;

       font-weight:normal;text-decoration:none;}



.login_btn { border:none; background:url(http://hamoblo.com/image/portal/login_btn.gif) no-repeat middle center; width:134px; height:20; cursor: pointer; font-size:10px; color:#000; letter-spacing:1px;}

.login_input { font-size:10px; width:134px; border:1px solid #000; background:#EBF3F3; padding:2px;}



.title_green

    {  font-size:12px;color:#666;

       font-weight:bold;

       padding:8px 0px 5px 25px;

	   background:url(http://hamoblo.com/image/portal/leaf_green.gif) no-repeat top left;

       }

.topic_title
{
	font-size:12px;
	color:#696969;
	font-weight:bold;
	text-decoration:none;
	margin:0px
}
.topic_title a:link { color:#696969; text-decoration:none; }
.topic_title a:visited { color:#696969; text-decoration:none; }
.topic_title a:hover { color:#696969; text-decoration:none; }

.newtitle_bgcolor { background:#E4F5FA; margin-bottom:2px; }

.rank_text { font-size:10px; color:#333; padding:3px; margin:3px;}

.rank_text a:link { color:#333; text-decoration:none; }

.rank_text a:visited{ color:#333; text-decoration:none; }

.rank_text a:hover { color:#CC0000; text-decoration:underline; }



.titlebox {

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #333333;

}

.text_box

    {  font-size:12px;color:#333;

       font-weight:normal;

       padding:8px 0px 5px 0px;

	   line-height:150%;

       border-bottom-width: 1px; border-bottom-style: dashed;	border-bottom-color: bbb;}



.body_tabox {

	width: 450px;

	height: 200px;

	background: #DDFFFF;

	color: #000000;

	text-decoration:none;

	border-color: #99FFFF;

	border-width: 1px;

}

.tb_tabox {

	width: 450px;

	height: 80px;

	background: #DDFFFF;

	color: #000000;

	text-decoration:none;

	border-color: #99FFFF;

	border-width: 1px;

}

.set_tabox {

	width: 300px;

	height: 80px;

}



.copy_text

    {  font-size: 10px; font-weight: normal; color: #000;

        text-decoration:none; padding-bottom:4px;}

.copy_text  A:link

   {  font-size: 10px; font-weight: normal; color: #000;

        text-decoration:none;}

.copy_text  A:visited

   {  font-size: 10px; font-weight: normal; color: #000;

        text-decoration:none;}

.copy_text  A:hover

   {  font-size: 10px; font-weight: normal; color: #000;

        text-decoration:underline;}



.contents_text {

	font-size:13px;

	color:#000000;

/*	background:url(http://hamoblo.com/image/portal/contents_icon.gif) no-repeat top left;*/

	padding:0 0 3px 13px;

	margin:3px 5px;

}



.contents_text a:link { color:#000000; text-decoration:none; }

.contents_text a:visited{ color:#000000; text-decoration:none; }

.contents_text a:hover { color:#336600; text-decoration:underline; }



.help_text {

	font-size:10px;

	color:#000000;

	padding:0 0 3px 13px;

	margin:3px 5px;

}

.help_text a:link { color:#003355; text-decoration:none; }

.help_text a:visited{ color:#003355; text-decoration:none; }

.help_text a:hover { color:#336600; text-decoration:underline; }



.manage {

	padding-left:20px;

	}

#ranking {

	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";

	padding-top: 10px;

	padding-bottom: 20px;

}



#ranking li {

	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";

	font-size: 12px;

	color: #276173;

        border-bottom-width: thin;

        border-bottom-style: dotted;

        border-bottom-color: #276173;

	line-height: 20px;

	list-style-image: url(http://hamoblo.com/image/portal/list_b.gif);

}







#oshirase li {

	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";

	font-size: 12px;

	border-bottom-width: thin;

	border-bottom-style: dotted;

	border-bottom-color: #276173;

	list-style-image: url(http://hamoblo.com/image/portal/list_b.gif);

	line-height: 20px;

}

#oshirase {

	padding-top: 10px;

	padding-bottom: 20px;

}

#newrelease {

	padding-top: 10px;

	padding-bottom: 20px;

}

#newrelease td {

	width: 100%;

	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";

	font-size: 12px;

	border-bottom-width: thin;

	border-bottom-style: dotted;

	border-bottom-color: #276173;

	list-style-image: url(http://hamoblo.com/image/portal/list_b.gif);

	line-height: 20px;

	

}



#newphotobox {

	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";

	font-size: 10px;

	color: #66C4CA;

	height: 150px;

	width: 600px;

}

#newphotobox img {

	border: thin dotted #FBC600;

}



.fncButton {

	text-decoration:none;

	font-size:12px;

	color: #000000;

	background: #FFCC99;

	border-color: #FF9900;

	border-width: 1px;

}



.iptArea {

	background: #DDFFFF;

	color: #000000;

	text-decoration:none;

	border-color: #99FFFF;

	border-width: 1px;

}



.iptArea_m {

	background: #DDFFFF;

	color: #000000;

	text-decoration:none;

	border-color: #99FFFF;

	border-width: 1px;

	width: 300;

	height: 150;

}

img {

	border-color: #ffffff;
}

.photo {
	position: relative;
	top: 0;
	left: 0;
	
}

.photo a .large {
	display: block;
	position: absolute;
	width: 0px;
	height: 0px;
	top: 0;
	left: 0;
}

.photo a.popup,
.photo a.popup:visited {
	display: block;
	top: 0;
	left: 0;
}

.photo a.popup:hover {
	background-color: #fff;
}

.photo a.popup:hover .large {
	display: block;
	position: absolute;
	width: 120px;
	height: auto;
	top: -60px;
	left: -50px;
}

.photo div.box {
	position: relative;
}

.prof {
	position: relative;
	top: 0;
	left: 0;
	
}

.prof a .large {
	display: block;
	position: absolute;
	width: 0px;
	height: 0px;
	top: 0;
	left: 0;
}

.prof a.popup,
.prof a.popup:visited {
	display: block;
	top: 0;
	left: 0;
}

.prof a.popup:hover {
	background-color: #fff;
}

.prof a.popup:hover .large {
	display: block;
	position: absolute;
	width: 80px;
	height: auto;
	top: -50px;
	left: -45px;
}

.prof div.box {
	position: relative;
}

