@charset "UTF-8";

/* to avoid reding CSS bug of Safari */
#null {
	margin: 0px;
}

/* ----  skin ------ */
/* title of blog */
#banner {
	background-image: url(../004/wni/variations/japan/title.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 360px;
	border: solid 0px;
}

/* phone */
.phone_scr_top {
	background-image: url(../004/wni/variations/japan/screen_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 160px;
}
.phone_scr_mid {
	background-image: url(../004/wni/variations/japan/screen_middle.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 103px;
	width: 160px;
	position: relative;
}
.phone_scr_btm {
	background-image: url(../004/wni/variations/japan/screen_buttom.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: 160px;
}
.phone_whole_screen {
	visibility: hidden;
	color: #EEEEEE;
	width: 136px;
	height: 141px;
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	border: solid 0px;
	font-size: 10px;
	line-height: 15px;
	position: absolute;
	margin: 0px;
	top: 0px;
	left: 12px;
}
.phone_mov {
	width: 136px;
	height: 102px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 18px;
	left: 12px;
	visibility: hidden;
}
.prof_title {
	background-image: url(../004/wni/variations/japan/prof_title.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 27px;
	width: 160px;
}
.phone_buttom {
	background-image: url(../004/wni/variations/japan/phone_buttom.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 219px;
	width: 160px;
}

/* blog entry area */
#alpha {
	margin: 0px;
	padding: 0px;
	height: 399px;
	width: 360px;
	border : solid 0px;
	overflow: auto;
	background-image: url(../004/wni/variations/japan/bg.gif);
}


#alpha .entry_header_box {
	background-image : url(../004/wni/variations/japan/entry_title.gif);
	background-repeat : no-repeat;
	height: 26px;
	margin: 0px;
	overflow: hidden;
	padding-top: 14px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 38px;
}

#alpha .entry_top {
	background-image: url(../004/wni/variations/japan/entry_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 5px;
	width: 340px;
	font-size: 3px;
	line-height: 3px;
}

#alpha .entry_mid {
	background-image: url(../004/wni/variations/japan/entry_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	margin: 0px;
	width: 320px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	overflow: hidden;
	border: solid 0px;
}

#alpha .entry_foot {
	background-image : url(../004/wni/variations/japan/entry_bottom.gif);
	background-repeat : no-repeat;
	height : 20px;
	width: 320px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-size : 10px;
	text-align: right;
}

/* title of entry */
#alpha h2.entry_header {
	font-size : 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	color: #000000;
	margin: 0px;
	padding: 0px;
}

#alpha h3.tb_subtitile {
	font-size: 1.2em;
	line-height: 1.6em;
	background-color: #FDDDAC;
	color: #333333;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-color: #B9560D;
	border-left-width: 3px;
	border-left-style: solid;
	padding-left: 5px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-weight: bolder;
}

#alpha h3.tb_subtitile_top {
	font-size: 1.2em;
	line-height: 1.6em;
	background-color: #FDDDAC;
	color: #333333;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-color: #B9560D;
	border-left-width: 3px;
	border-left-style: solid;
	padding-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-weight: bolder;
}

/* title in tab */
.list_title
{
	padding: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	color: #FF6600;
	font-size: 14px;
	line-height: 25px;
	font-weight: bold;
	letter-spacing: 2px;
}

/* small link coloers */
#alpha .entry_foot a:link,
#alpha .content-nav a:link,
#profile a:link,
#cal a:link,
#navi a:link {
	color : #0066cc;
	text-decoration : none;
}

#alpha .entry_foot a:visited,
#alpha .content-nav a:visited,
#profile a:visited,
#cal a:visited,
#navi a:visited {
	color : #0066cc ;
	text-decoration : none ;
}

#alpha .entry_foot a:hover,
#alpha .content-nav a:hover,
#profile a:hover,
#cal a:hover,
#navi a:hover {
	color : #ff9900 ;
	text-decoration : underline ;
}

#alpha .entry_foot a:active,
#alpha .content-nav a:active,
#profile a:active,
#cal a:active,
#navi a:active {
	color : #FF3300;
	text-decoration : underline ;
}

#profile .name {
	color: #FF6600;
}
/* --- end of skin --- */
/*  base */
body {
	margin: 0px;
	padding: 0px;
	background-image: url(../004/wni/common_img/background.gif);
	background-repeat: repeat-x;
	background-color: #f5f8fa;
	color: #333333;
	font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif ;
}

a:visited {
	color: #0000FF;
}
a:link {
	color: #0000FF;
}
a:hover {
	color: #FF9900;
}
a:active {
	color: #FF00FF;
}

img {
	border: solid 0px #FFFFFF;
}

#root {
	margin-left: auto;
	margin-right: auto;
	width: 760px;
	margin-top: 0px;
	padding-top: 0px;
	position: relative;
}

/* float clear */

.clearfix:after{
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
 }
 
.clearfix{display:inline-block;}

/* basic positioning */

#head_area {
	height: 67px;
	width: 760px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	font-size: 10px;
}

.head_space {
	margin: 0px;
	padding: 0px;
	height: 67px;
}

#buttom_area {
	width: 742px;
	background-color: #FFFFFF;
	margin: 0px;
	padding-top: 9px;
	padding-right: 9px;
	padding-bottom: 9px;
	padding-left: 10px;
}


/* for head_area */
.bg01 {
	background-image : url(../004/wni/common_img/bg01.gif) ;
	background-repeat : repeat-x ;
}

.bg03 {
	background-image : url(../004/wni/common_img/bg03.gif) ;
	background-repeat : repeat-x ;
}

#head_area .watch {
	width: 335px;
	height: 27px;
	float: left;
	border: 0;
	background-color: #FFFFFF;
}

/* Login btn */
#head_area .topics {
	margin-right: 9px;
	width: 360px;
	padding: 0;
	border: 0;
	height: 20px;
	overflow: hidden;
	margin-top: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: absolute;
	left: 391px;
}

/* All Ch */
#allChBtn {
	width: 110px;
	height: 27px;
	border: 0;
	padding: 0;
	margin: 0;
	float: left;
}

#allChBtn img {
	visibility: hidden;
}

#allChBtn a,
#allChBtn a:link,
#allChBtn a:visited {
	background-position: 0px 0px;
	float:left;
}
#allChBtn a:focus,
#allChBtn a:hover,
#allChBtn a:active {
	background-position: 0px 27px;
	float: left;
}
#allChBtn .btn01 a {
	background-image:url(../004/wni/common_img/allch_btn_roll.png);
}

#allChOpen {
	width: 760px;
	height: 585px;
	position: absolute;
	z-index: 65535;
	visibility: hidden;
	top: 0px;
	left: 0px;
}

/* My ch. button */
#myChBtn {
	width: 79px;
	height: 27px;
	float: left;
	font-size: 10px;
	line-height: 10px;
}
#myChBtn img {
	visibility: hidden;
}
#myChBtn a,
#myChBtn a:link,
#myChBtn a:visited {
	background-position: 0px 0px;
	float:left;
}
#myChBtn a:focus,
#myChBtn a:hover,
#myChBtn a:active {
	background-position: 0px 27px;
	float: left;
}

#myChBtn a {
	background-image:url(../004/wni/common_img/mych_btn_roll.png);
}

#bookmarkBtn {
	width: 20px;
	height: 27px;
	margin: 0px 0px 0px 3px;
	background-image: url(../004/wni/common_img/bookmark_btn.gif);
	float: left;
	font-size: 10px;
	line-height: 10px;
}


/* main */
.main {
	margin: 0px;
	padding: 1px;
	width: 520px;
	float: left;
	background-color: #e5e5e5;
}

.right_area {
	padding: 1px;
	width: 210px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 7px;
	float: left;
	background-color: #e5e5e5;
}

.footer {
	padding: 0px;
	width: 760px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 10px;
	background-color: #FFFFFF;	
}

/* footer contents */
.bg04 {
	background-image : url(../004/wni/common_img/bg04.gif) ;
	background-repeat : repeat-x ;
}



/* for class=main */
.to_top {
	background-image: url(../004/wni/common_img/bar_title2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	background-color: #23458c;
	text-align: right;
	font-size: 10px;
}

.tel {
	width: 160px;
	margin: 0px;
	padding: 0px;
	float: right;
}

.entry_box {
	width: 360px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	float: right;
}

.dummy_main {
	width: 740px;
	margin: 0;
	padding: 0;
	clear: both;
	float: none;
	height: 0px;
}

/* blog content */
.banner_h1 {
	font-size: 1px;
	line-height: 1px;
	padding: 0px;
	visibility: hidden;
	font-weight: normal;
	text-decoration: none;
	overflow: hidden;
	margin: 0px;
	width: 360px;
	height: 60px;
}

#alpha p {
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	line-height: 1.5em;
}

#alpha form {
	margin: 0px;
	padding: 0px;
}

#alpha .entry {
	margin: 0;
	padding: 0;
	width: 340px;
}

#alpha .trackback_url {
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	line-height: 1.3em;
}
#alpha .trackback_name {
	font-size: 0.9em;
	line-height: 1.3em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1em;
	margin-left: 8em;
	margin: 0px;
	padding-bottom: 1em;
	padding-left: 4em;
}

#alpha .comment {
	margin: 0;
	padding: 0;
}

#alpha .small {
	margin: 0;
	padding: 0;
	font-size: 0.85em;
	line-height: 1.6em;
}

#alpha .entrybox {
	width: 340px;
}

#alpha h3.date-header {
	font-size: 0.65em;
	color: #4B4B4B;
	font-style: normal;
	line-height: 1.4em;
	font-weight: normal;
	text-decoration: none;
	margin: 0;
	padding: 0;
	width: 320px;
	letter-spacing: 1px;
	border: solid 0px;
}

#alpha div.entry-body {
	font-size: 0.8em;
	color: #383838;
	margin: 0;
	width: 320px;
	overflow: hidden;
	line-height: 1.6em;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border: solid 0px;
}
/* styles made by FCKeditor */
#alpha .xxlargeFont {
	font-size: 2.5em;
	line-height: 2em;
}
#alpha .xlargeFont {
	font-size: 2em;
	line-height: 1.8em;
}
#alpha .largeFont {
	font-size: 1.5em;
	line-height: 1.5em;
}
#alpha .largerFont {
	font-size: 1.2em;
}
#alpha .midiumFont {
	font-size: 1em;
}
#alpha .smallerFont {
	font-size: 0.9em;
}
#alpha .smallFont {
	font-size: 0.8em;
}
#alpha .xsmallFont {
	font-size: 0.6em;
}
#alpha .xxsmallFont {
	font-size: 0.5em;
}

#alpha p.content-nav {
	font-size: 0.7em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	text-align: left;
	width: 320px;
}

#alpha p.entry-more-link {
	margin: 0;
	font-size: 0.8em;
}

/* telephone - profile */
#profile {
	height: 184px;
	width: 130px;
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 25px;
	line-height: 18px;
	color: #333333;
	font-size: 10px;
	overflow: hidden;
}

#profile h1 {
	color: #191919;
	font-size: 14px;
	line-height: 22px;
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
} 

#profile h2, h3 {
	color: #191919;
	font-size: 12px;
	line-height: 20px;
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
} 

#profile h4, h5 {
	color: #191919;
	font-size: 10px;
	line-height: 18px;
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
}

#profile ul.profile {
	list-style-type: none;
	padding: 0;
	margin-top: 0px;
	margin-bottom: 1em;
	margin-right: 0px;
	margin-left: 2em;
}

/* telephone - profile new design 2008 */

#profile_type2 {
	width: 142px;
	padding:15px 9px 0 9px;
	line-height: 16px;
	color: #333333;
	overflow: hidden;
}

#profile_type2 div#caster01 {
	width:70px;
	float:left;
	margin:0 1px 0 0px;
	}

#profile_type2 div#caster02 {
	width:70px;
	float:right;
	margin:0;
	}

#profile_type2 dl.caster {
	width:70px;
	display:block;
	text-align:center;
	margin:0;
	padding:0;
	}

#profile_type2 dl.caster dt {
	margin:0 0 2px 0;
	padding:0;
	font-size:11px;
	color:#f93;
	}

#profile_type2 dl.caster dd {
	margin:0;
	padding:0;
	font-size:11px;
	color:#666;
	}
	
#profile_type2 ul.casterTxt {
	width:70px;
	margin:0;
	padding:0;
	list-style:none;
	}




/* calender */
#cal {
	padding: 0px;
	height: 158px;
	width: 210px;
	margin: 0px;
}

.cal_navi {
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 210px;
	background-color: #FFFFFF;
}

.cal_title {
	font-size : 12px ;
	color : #5a6d80 ;
	background-image : url(../004/wni/images/cal_title.gif) ;
	background-repeat : repeat-x ;
}

.cal_area {
	background-color : #ffffff;
	color : #555555;
	font-family: Arial, Helvetica, sans-serif;
	background-image : url(../004/wni/images/cal_background.gif);
	background-repeat : repeat-x;
	width: 210px;
	height: 136px;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	padding: 0px;
}

.cal_normal {
	font-size : 12px ;
	width : 25px ;
	line-height : 18px ;
	background-color : #ffffff ;
}

.cal_on {
	font-size : 12px ;
	line-height : 18px ;
	background-color : #e5f7ff ;
}

/* navi */
#navi {
	margin: 0px;
	padding: 0px;
	height: 321px;
	width: 210px;
	background-color: #FFFFFF;
	font-size: 10px;
	line-height: 18px;
	color: #484848;
}

.navi_textbg {
}

.navi_textarea {
}


.navi_box {
	height: 320px;
	position: relative;
	width: 188px;
}

.category_list 
{
	position : absolute;
	visibility : visible;
	overflow : hidden;
	width : 188px;
	height : 300px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}


.entry_list,
.comment_list,
.trackback_list
{
	position : absolute;
	visibility : hidden;
	overflow : hidden;
	width : 188px;
	height : 300px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.list_container
{
	padding-left: 10px;
	overflow:auto;
	height:285px;
}

.module-list
{
	margin: 0px;
	padding:0;
	list-style-type: none;
}

.module-list_category
{
	margin: 0px;
	padding:0;
	list-style-type: none;
	font-size: 12px;
	line-height: 20px;
}


.module-list-item
{
	list-style-type: none;
	padding-left:1px;
}

.module-list_cat_entry
{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 18px;
	font-size: 10px;
	line-height: 10px;
}

.module-list-item_cat_entry
{
	list-style-type: disc;
	font-size: 10px;
	line-height: 12px;
}

.swfarea {
	margin: 0px;
	padding: 0px;
	width: 213px;
	height: 518px;
	position: absolute;
	top: 40px;
	left: 539px;
	background-color: #FFFFFF;
	visibility: hidden;
	z-index: 10;
}

.swfclose {
	margin: 0px;
	padding: 0px;
	position: absolute;
	visibility: hidden;
	width: 15px;
	height: 15px;
	top: 46px;
	left: 729px;
	z-index: 20;
}