@charset "shift_jis";
/* CSS Document */

/*S
------------------------------------------------------------*/
#container{
	font-family: '‚l‚r ‚oƒSƒVƒbƒN','ƒqƒ‰ƒMƒmŠpƒS Pro W3',Hiragino Kaku Gothic Pro,sans-serif;
	width:950px;
	margin:0 auto;
}
#container a,
#container a:visited{
	color:#006699;
}

p.image_left{float:left; margin:0;}
p.image_left img{
	display:block;
	margin-right:12px;
}
p.image_right{float:right; margin:0;}
p.image_right img{
	display:block;
	margin-left:12px;
}
p.image_center{
	clear:both;
	width:auto;
	text-align:center;
	padding: 0;
	margin:0 auto;
}

p.text_right{text-align:right;}

span.emp_orange, a.emp_orange:link, a.emp_orange:visited, a.emp_orange:hover, a.emp_orange:active{
	font-weight:bold;
	color:#ff7900;
}
span.emp_blue, a.emp_blue:link, a.emp_blue:visited, a.emp_blue:hover, a.emp_blue:active{
	font-weight:bold;
	color:#42a4eb;
}
#container #main_col .pagetop{
	text-align:right;
	margin:15px 0 25px 0;
}
#container #main_col .pagetop a{
	background-image:url(/images/common/acs02.gif);
	background-position:0 5px;
	padding-left:13px;
}

/* link
------------------------------*/
/*.arrow_iv a, a.arrow_iv{
	background-image:url(/images/bullet_orange_tri_iv.jpg);
	background-position:0 0.1em;
	padding-left:18px;
}*/
.arrow_iv_right{text-align:right;}
.arrow_iv_right a{
	background-image:url(/images/bullet_arrow_red_iv.jpg);
	background-position:0 center;
	padding-left:18px;
	text-align:right;
	color:#666666;
}

/*.arrow a, a.arrow{
	background-image:url(/images/bullet_arrow_red.jpg);
	background-position:0 center;
	padding-left:17px;
}*/


/* frame
------------------------------------------------------------*/
#section_head{
	width:950px;
	height:140px;
	margin-bottom:13px;
}
#section_body{
	width:950px;
	margin-bottom:15px;
}
#main_col{width:745px; float:right; position:relative;}
#sub_col{width:190px; float:left;}

#section_foot{
	width:950px;
	height:70px;
	position:relative;
	border-top:1px solid #cccccc;
}


/* head
------------------------------------------------------------*/
#header {
	width		: 950px;
	height		: 100px;
	position	: relative;
}

/*--
	#header #logo {
	width				: 178px;
	height				: 79px;
	background-image	: url(/images/logo_blogzine.jpg);
	position			: absolute;
	left				: 3px;
	top					: 10px;
}
--*/

#header a#ocn {
	width		: 47px;
	height		: 71px;
	position	: absolute;
	left		: 0;
	top         : 0;
}

#header a#blogzine {
	width		: 120px;
	height		: 70px;
	position	: absolute;
	left		: 60px;
	top			: 10px;
}

#header .banner {
	position	: absolute;
	left		: 213px;
	top			: 20px;
}

#header .links {
	font-size	: 11px;
	width		: 80px;
	position	: absolute;
	left		: 870px;
	top			: 17px;
}

#header .links ul {
	float		: right;
}

#header .links ul li {
	display 	: inline;
}

#header .links a {
	color		: #666;
}

#header #search {
	width				: 231px;
	height				: 59px;
	background-image	: url(/images/bg_search.jpg);
	position			: absolute;
	left				: 718px;
	top					: 20px;
}

#header #search p {
	position	: absolute;
	left		: 15px;
	top			: 10px;
	_top		: 8px;
	line-height	: 14px;
	height		: 14px;
	font-size	: 12px;
}
/*#header #search p *{
	vertical-align:middle;
}*/

#header #search label {
	vertical-align:2px;
}

#header #search #i_textbox {
	width		: 150px;
	position	: absolute;
	left		: 15px;
	top			: 32px;
	font-size	: 13px;
}

#header #search #i_submit {
	position	: absolute;
	left		: 175px;
	top			: 30px;
	font-size	: 12px;
	height		: 24px;
	width		: 43px;
}


/* head(body#homeδ»₯倁E
------------------------------------------------------------*/
/* ŒŸυ‘‹@’·‚’”Ε

#header .links{
	font-size:11px;
	width:80px;
	position:absolute;
	left:870px;
	top:37px;
	visibility: hidden;
}

#header .links ul{
	float:right;
}

#header .links ul li{
	display:inline;
}

#header .links a{ color:#666;}

#header #search{
	width:461px;
	height:59px;
	background-image:url(/images/bg_search01.gif);
	position:absolute;
	left:488px; top:60px;
}
#header #search p{
	position:absolute;
		left:15px;
		top:13px;
		_top:12px;
		line-height:14px;
		height:14px;
		font-size:12px;
		width:200px;
}*/
/*#header #search p *{
	vertical-align:middle;
}*/
/* ŒŸυ‘‹@’·‚’”Ε
#header #search label{
	vertical-align:2px;
}

#header #search #i_textbox{
	width:160px;
	position:absolute;
		left:230px; top:12px;
		font-size:13px;
}
#header #search #i_submit{
	position:absolute;
		left:400px; top:11px;
		font-size:12px;
	height		: 24px;
	width		: 43px;

}
*/

/* O[oir
------------------------------*/
#global_nav{
	width:944px;
	padding: 0 3px;
	height:40px;
	position:relative;
	background-image:url(/images/bg_gnav.jpg);
}
#global_nav ul li{
	font-size:0.1px; /* ie??s?? */
}
#global_nav ul li a{
	width:133px;
	height:30px;
	position:absolute;
}

#btn_gnav_home, #btn_gnav_home_on{ position:absolute; left:4px; top:4px;}
#btn_gnav_hajimete{ position:absolute; left:141px; top:4px;}
#btn_gnav_tukaikonasu{ position:absolute; left:278px; top:4px;}
#btn_gnav_tanoshimu{ position:absolute; left:415px; top:4px;}
#btn_gnav_blogyomu{ position:absolute; left:552px; top:4px;}
#btn_gnav_support{ position:absolute; left:689px; top:4px;}

a#btn_gnav_home:link, a#btn_gnav_home:visited{background-image:url(/images/btn_gnav_home.jpg);}
a#btn_gnav_home:hover, a#btn_gnav_home:active{background-image:url(/images/btn_gnav_home_ov.jpg);}
.home a#btn_gnav_home{background-image:url(/images/btn_gnav_home_on.jpg);}

a#btn_gnav_hajimete:link, a#btn_gnav_hajimete:visited{background-image:url(/images/btn_gnav_hajimete.jpg);}
a#btn_gnav_hajimete:hover, a#btn_gnav_hajimete:active{background-image:url(/images/btn_gnav_hajimete_ov.jpg);}
.hajimete a#btn_gnav_hajimete:link, .hajimete a#btn_gnav_hajimete:visited{background-image:url(/images/btn_gnav_hajimete_on.jpg);}

a#btn_gnav_tukaikonasu:link, a#btn_gnav_tukaikonasu:visited{background-image:url(/images/btn_gnav_tukaikonasu.jpg);}
a#btn_gnav_tukaikonasu:hover, a#btn_gnav_tukaikonasu:active{background-image:url(/images/btn_gnav_tukaikonasu_ov.jpg);}
.tukaikonasu a#btn_gnav_tukaikonasu:link, .tukaikonasu a#btn_gnav_tukaikonasu:visited{background-image:url(/images/btn_gnav_tukaikonasu_on.jpg);}


a#btn_gnav_tanoshimu:link, a#btn_gnav_tanoshimu:visited{background-image:url(/images/btn_gnav_tanoshimu.jpg);}
a#btn_gnav_tanoshimu:hover, a#btn_gnav_tanoshimu:active{background-image:url(/images/btn_gnav_tanoshimu_ov.jpg);}
.tanoshimu a#btn_gnav_tanoshimu:link, .tanoshimu a#btn_gnav_tanoshimu:visited{background-image:url(/images/btn_gnav_tanoshimu_on.jpg);}

a#btn_gnav_blogyomu:link, a#btn_gnav_blogyomu:visited{background-image:url(/images/btn_gnav_blogyomu.jpg);}
a#btn_gnav_blogyomu:hover, a#btn_gnav_blogyomu:active{background-image:url(/images/btn_gnav_blogyomu_ov.jpg);}
.blogyomu a#btn_gnav_blogyomu:link, .blogyomu a#btn_gnav_blogyomu:visited{background-image:url(/images/btn_gnav_blogyomu_on.jpg);}

a#btn_gnav_support:link, a#btn_gnav_support:visited{background-image:url(/images/btn_gnav_support.jpg);}
a#btn_gnav_support:hover, a#btn_gnav_support:active{background-image:url(/images/btn_gnav_support_ov.jpg);}
.support a#btn_gnav_support:link, .support a#btn_gnav_support:visited{background-image:url(/images/btn_gnav_support_on.jpg);}


#sub_col .box_gray .textlink #password {
	padding-left: 15px;
	margin-left: 5px;
	background:url(../../images/bullet_triangle.jpg) 0 50% no-repeat;
	display:block;
}
.mosaicBanner{
	clear:both;
}


/* TCY?X
------------------------------*/
#global_nav #sizing{
	width:115px;
	height:16px;
	background:url(/images/text_sizing.jpg) left center no-repeat;
	position:absolute;
		left:833px; top:11px;
}

#global_nav #sizing a{
	/* ACR?? */
	width:16px;
	height:16px;
	position:absolute;
}
#sizing #size_s{
	background-image:url(/images/btn_size_s.jpg);
	left:60px; top:0;
}
#sizing #size_s:link, #sizing #size_s:visited{background-image:url(/images/btn_size_s.jpg);}
#sizing #size_s:hover, #sizing #size_s:active{background-image:url(/images/btn_size_s.jpg);}

#sizing #size_m{
	background-image:url(/images/btn_letter_m.jpg);
	left:78px; top:0;
}
#sizing #size_m:link, #sizing #size_m:visited{background-image:url(/images/btn_size_m.jpg);}
#sizing #size_m:hover, #sizing #size_m:active{background-image:url(/images/btn_size_m.jpg);}

#sizing #size_l{
	background-image:url(/images/btn_letter_l.jpg);
	left:96px; top:0;
}
#sizing #size_l:link, #sizing #size_l:visited{background-image:url(/images/btn_size_l.jpg);}
#sizing #size_l:hover, #sizing #size_l:active{background-image:url(/images/btn_size_l.jpg);}


/* sub_col
------------------------------------------------------------*/
#sub_col a{
	text-decoration:none;
	color: #333333 !important;
}
#sub_col a:hover{
	text-decoration:underline !important;
	color: #006699;
}
#sub_col a:active{
	text-decoration:underline !important;
	color: #006699;
}
#sub_col a:visited{
	text-decoration:none;
	color: #333333 !important;
}

#sub_col #subcolTop a{
	text-decoration:none;
	color: #006699 !important;
}
#sub_col #subcolTop a:hover{
	text-decoration:underline !important;
	color: #006699;
}
#sub_col #subcolTop a:active{
	text-decoration:underline !important;
	color: #006699;
}
#sub_col #subcolTop a:visited{
	text-decoration:none;
	color: #006699 !important;
}

#sub_col #subcolTop{
	margin-bottom:10px;
}
#sub_col #subcolTop ul{
	margin:2px 0 5px 8px;
	width:170px;
}
#sub_col #subcolTop ul li{
	list-style-type:none;
	background:url(/images/subcolumn/acs.gif) 0 8px no-repeat;
	padding:3px 0 2px 10px;
	margin:0;
	border-bottom:1px dotted #bfbfbf;
}
#sub_col #subcolTop ul li a{
	padding:0;
	margin:0;
}
#sub_col #subcolTop ul li.last{
	border-bottom:none;
	padding-bottom:0;
	margin-bottom:0;
}

#sub_col #subcolTop .subcolTopBtn{
	background:#f1f1f1 url(/images/subcolumn/subcol_top_head_bg.gif) 0 0 no-repeat;
	width:185px;
	margin-top:5px;
}
#sub_col #subcolTop .subcolTopBtn p.subcolTopHead{
	text-align:center;
	font-weight:bold;
	padding:3px 0;
}

#sub_col .subcolBox{
	width:185px;
	background-color:#f1f1f1;
	margin-bottom:10px;
}
#sub_col .subcolBox h2{
	margin:0;
}

#sub_col .subcolBox .subcolBoxIn{
	width:169px;
	background-color:#ffffff;
	margin:8px 8px 3px;
}

#sub_col .subcolBox .subcolBoxIn ul{
	width:169px;
}
#sub_col .subcolBox .subcolBoxIn ul li{
	list-style-type:none;
	background:url(/images/subcolumn/acs.gif) 10px 9px no-repeat;
	border-bottom:1px dotted #bfbfbf;
	padding:0 0 0 8px;
	margin:0;
}
#sub_col .subcolBox .subcolBoxIn ul li a{
	_padding:4px 0 2px 12px;
	_width:142px;
}
#sub_col .subcolBox .subcolBoxIn ul li.last{
	border-bottom:none;
}

#sub_col ul li a{
	display:block;
	padding-left:13px;
	text-decoration:none;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #666666;
}


/* main_col
------------------------------------------------------------*/
body#home #main_col_head{
	width:745px;
	margin-bottom:15px;
}
#main_col_body{width:745px;}

body#home #main_center{width:515px; float:left;}
body#home #main_right{width:215px; float:right;}

/* main_col tab
------------------------------------------------------------*/
#main_col h1{
	margin:0 0 27px 0;
}

#main_col .tab-menu{
	height:40px;
	background:url(../../images/tabs/ribon_blue.jpg) 0 100% repeat-x;
	width:745px;
	margin:34px 0 5px;
}

#main_col .tab-menu li{
	float:left;
	height:40px;
	margin-right:5px;
	zoom:1;
}

#main_col .tab-menu li.last{
	margin-right:0;
}

#main_col .tab-menu li img{
	display:block;
}

/* body#homeδ»₯倁E
------------------------------------------------------------*/

#main_col_head{width:745px; margin-bottom:10px;}

#main_center{
	width: 745px;
	margin-bottom:15px;
}


#box dl{
	float:left;
	width:257px;
	margin:0;
}

#box dl.ranking dd{
	padding			: 0 0 0 0;

}


/* main_right
------------------------------------------------------------*/
#main_right .box_grayline{
	width:215px;
	background:url(/images/boxbg_grayline_s.jpg) 0 0 repeat-y;
	margin-bottom:20px;
}
#main_right .box_grayline .inner01{
	background:url(/images/boxtop_grayline_s.jpg) left top no-repeat;
	padding-top:20px;
}
#main_right .box_grayline .inner02{
	background:url(/images/boxbottom_grayline_s.jpg) left bottom no-repeat;
	padding:0 14px 10px;
}



/* foot
------------------------------------------------------------*/
#section_foot #logo_nttcommunications{
	background-image:url(/images/logo_nttcommunications_001.gif);
	width:123px;
	height:54px;
	position:absolute;
		left:0; top:7px;
}

#section_foot ul#footlinks{
	width:260px;
	position:absolute;
	left:730px;
	top:17px;
	color:#999999;
	font-size:11px;
}
#section_foot ul#footlinks li{
	display:inline;
}
#section_foot ul#footlinks li a{
	line-height:11px;
	padding: 0 10px;
	background-image:url(/images/bullet_gray_triangle.gif);
	background-position:0 2px;
}
#section_foot a:link, #section_foot a:visited{color:#999999;}
#section_foot a:hover, #section_foot a:active{color:#999999; text-decoration:underline;}

#section_foot #copyright{
	width:239px;
	height:10px;
	background-image:url(/images/copyright.gif);
	position:absolute;
	left:755px;
	top:37px;
}
#headerLogin {
	background-color: #EEEEEE;
	height: 20px;
	line-height: 20px;
	text-align: right;
	padding-right: 10px;
}