@charset "utf-8";

/* -----------------------------------------------
layout.css
EDIT by KONDO.HITOMI (WEBTEAM)

WIN > IE6-8/Fx3/Sf3/Op9/Chr
MAC > Fx3/Op9/Sf3

--HEADER
--CATCH			(yahoo, adPlate)
  >CAROUSEL		(toprefer)
--CONTENTS		(wrapper)
  >MAIN SERVICE	(mainService, news, campaign)
  >SUB SERVICE	(otherService, itscomch, uzflContents)
  >UNITIP
--SUPPORT		(userPage, userTool)
--PR			(textAd)
--FOOTER
-------------------------------------------------- */

/* =HEADER---------------------------------------- */
#header {
	width:900px;
	height:110px;
	margin:0 auto;
	background:url(../img/bg_header.gif) no-repeat;
}
#header h1 {
	float:left;
	width:230px;
	height:110px;
	padding:20px 10px 10px;
	width/* */:/* */210px;
	height/* */:/* */80px;
/*\*//*/
	width:210px;
	height:80px;
/**/
}

#header .naviArea {
	float:right;
	width:645px;
}
#header .textNavi {
	height:21px;
	padding:20px 0;
	background:url(../img/bg_textNavi.gif) no-repeat right 20px;
}
#header .textNavi li {
	display:inline;
	padding:0 9px 0 14px;
	background-image:url(../icon/textNavi.gif);
	background-repeat:no-repeat;
	font-size:11px;
	line-height:1;
}
#header .textNavi li.txtNfaq {background-position:left 0;}
#header .textNavi li.txtNarea {background-position:left -50px;}
#header .textNavi li.txtNsitemap {background-position:left -100px;}
#header .textNavi li.txtNen {background-position:left -150px;}
#header .textNavi li.txtNstartset {background-position:left -200px;}
#header .textNavi li#iejudge {visibility:hidden;}

#header .textNavi li a, #footer a {
	text-decoration:none;
	color:#333;
}
#header .textNavi li a:hover, #footer a:hover {
	background-color:#ddd;
	color:#000;
}

#header .grovalnavi {padding:5px 0;}
#header .grovalnavi li {
	list-style-type:none;
	float:left;
	width:80px;
	font-size:0;
	line-height:0;
}
#header .grovalnavi li.contact {padding-left:2px;}

/* =CATCH----------------------------------------- */
#catchArea {
	clear:both;
	width:900px;
	margin:0 auto;
	padding:20px 0;
}
#catchArea .topreferBox {
	float:left;
	width:580px;
}
#catchArea .searchArea {
	float:right;
	width:300px;
}
.searchArea .searchBox {
	height:61px;
	line-height:0;
	vertical-align:bottom;
}
.searchBox .searchEdit {
	display:block;
	margin-bottom:5px;
	padding-left:28px;
	border:1px solid #999;
	background:url(../icon/searchGrass.gif) no-repeat left top;
	line-height:0;
	vertical-align:bottom;
}
.searchBox .searchEdit input {
	float:left;
	border:none;
	font-size:100%;
}
.searchBox input.searchTxt {
	width:196px;
	height:28px;
	padding:6px 5px 5px 6px;
	*padding:5px 4px 4px 5px;
	*border:1px solid #fff !important;
	font-size:100%;
	line-height:1;
	width/* */:/* */185px;
	height/* */:/* */17px;
/*\*//*/
	width:185px;
	height:17px;
/**/
}
.searchBox input.searchTxt:focus, .tagCode .tag:focus {
	background-color:#fffff0;
}
.searchBox img, .searchBox input {
	*float:left;
}

/* =CAROUSEL(toprefer)---------------------------- */
.loading {
	position:absolute;
	left:266px;
	top:131px;
}
#toprefer {
	position:relative;
	z-index:1000;
	overflow:hidden;
	width:580px;
	height:311px;
	border:1px solid #999;
	text-align:left;
	width/* */:/* */578px;
	height/* */:/* */309px;
/*\*//*/
	width:578px;
	height:309px;
/**/
}
#toprefer_inner div {position:absolute;}
#toprefer_inner div.slide div {position:relative;}
#row_of_slides {
	overflow:hidden;
	width:464px;
	height:309px;
}
#carousel_controls {
	position:relative;
	top:0;
	left:464px;
	width:118px;
}
#slide_buttons {
	margin:0;
	padding:0;
	border-top:1px dotted #ccc;
	background-color:#fff;
}
#slide_buttons li {
	list-style:none;
	width:118px;
	height:38px;
/*	height:61px;*/
	margin:0;
	padding:0;
	border-bottom:1px dotted #ccc;
	background:url(../img/toprefer_hover.gif) no-repeat top left;
	font-size:0;
	text-align:right;
	line-height:0;
	cursor:pointer;
}
#slide_buttons li:hover {background:url(../img/toprefer_hover.gif) no-repeat bottom left;}
#slide_buttons li#button_selected {background:url(../img/toprefer_hover.gif) no-repeat center left;}
noscript {
	display:block;
	clear:both;
	width:98%;
	padding:1%;
	color:#666;
	font-size:87.5%;
	line-height:1.2;
}

/* =CONTENTS--------------------------------------- */
#contentsArea {
	clear:both;
	width:900px;
	margin:0 auto;
}
/* =MAIN SERVICE----------------------------------- */
.mainArea {
	float:left;
	width:580px;
}
.articleArea {
	float:right;
	width:380px;
}
.articleArea .news, .articleArea .campaign {
	margin-bottom:10px;
	border-left:3px solid #666;
	border-right:3px solid #666;
}
.articleArea h2 {
	float:left;
	width:289px;
}
.articleArea ul.articleInfo {
	padding-top:5px;
	border:none;
}
.articleArea ul.articleInfo li {
	display:inline;
	text-align:right;
}
.articleArea ul.articleList {
	clear:both;
	margin:0;
	padding:5px 0 0 20px;
	border-top:1px #ccc dotted;
	font-size:100%;
}
.articleArea ul.articleList img {
	display:block;
	width:80px;
	height:10px;
	margin:25px auto;
}
.articleArea ul.articleList li {
	list-style-type:square;
	margin-bottom:1px;
	line-height:1.6;
}
.articleArea ul.articleList li a {
	display:block;
	overflow:hidden;
	width:354px;
	height:20px;
	font-size:87.5%;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
.articleArea ul.articleList li {
	margin:0 0 2px -15px;
	padding:0 0 0 7px;
	border-left:5px solid #ddd;
}
}

.articleArea ul.noticeList {
	clear:both;
	margin:0;
	padding:5px 0 0 5px;
	border-top:1px #ccc dotted;
	font-size:100%;
}
.articleArea ul.noticeList li {
	list-style-type:none;
	margin-bottom:1px;
	padding-left:20px;
	background:url(../images/icon/indispensable_mark.gif) left 3px no-repeat;
	line-height:1.6;
}
.articleArea ul.noticeList li a {
	display:block;
	overflow:hidden;
	width:349px;
	height:20px;
	color:#c00;
	font-size:87.5%;
}

.mainArea .mainService {
	float:left;
	width:180px;
}
.mainArea .mainService h2 {margin-bottom:10px;}
.mainArea .mainService ul {
	width:160px;
	margin:0 10px;
}
.mainArea .mainService ul li {margin-bottom:10px;}

/* =SUB SERVICE----------------------------- */
.subService {
	clear:both;
	width:580px;
	padding:20px 0 0;
}
.otherService, .itscomch, .uzflContents {
	float:left;
	width:180px;
}
.itscomch {padding:0 20px;}

.subService h2 {margin-bottom:10px;}
.subService li {
	margin-bottom:10px;
	padding-left:10px;
	background-image:url(../img/bg_serviceST.gif);
	background-repeat:repeat-y;
	font-size:0;
	line-height:0;
}
.otherService li {background-position:left top;}
.itscomch li {background-position:-200px top;}
.uzflContents li {background-position:-400px top;}
.subService li.except {background-position:-600px top;}

/* =UNITIP---------------------- */
#unitip {
	display:none;
	position:absolute;
	top:-1000px;
	z-index:1000;
	color:#fff;
	font-size:90%;
	text-align:left;
	line-height:1.5;
}
#unitippoint, #unitipmid, #unitipcap {
	display:block;
	position:relative;
	top:0; 
	left:0;
	width:200px;
}
#unitippoint { 
	overflow:hidden; 
	height:19px; 
	background:url(../img/TipPoint.png) no-repeat left top; 
}
#unitipmid { 
	width:200px;
	height:auto;
	padding:5px 15px;
	background:url(../img/TipMid.png); 
	width/* */:/* */170px;
/*\*//*/
width:170px;
/**/
}
#unitipcap { 
	overflow:hidden; 
	height:7px; 
	background:url(../img/TipCap.png) no-repeat; 
}

/* =SUPPORT------------------------------------------------- */
.supportArea {
	float:right;
	width:300px;
	padding:10px;
	background-image:url(../img/bg_support.gif);
	width/* */:/* */280px;
/*\*//*/
width:280px;
/**/
}
.userpage h2 {border:1px solid #999;}
.userpage ul {
	width:280px;
	padding:0 !important;
	border-top:1px solid #999;
	background-color:#fff;
}
.userpage li {
	list-style-type:none !important;
	margin:0 !important;
	padding:5px 5px 5px 35px;
	border-right:1px solid #999;
	border-bottom:1px solid #999;	
	background:#fff url(../icon/support.gif) no-repeat;
	font-size:87.5% !important;
}
.userpage li a {display:block;}
.userpage li a:hover {background-color:#ffc;}
.userpage .mypage, .userpage .maintenance {
	float:left;
	width:140px;
	border-left:1px solid #999;
	width/* */:/* */99px;
/*\*//*/
width:99px;
/**/
}
.userpage .docomail, .userpage .weather {
	float:right;
	width:139px;
	width/* */:/* */98px;
/*\*//*/
width:98px;
/**/
}
.userpage .mypage {background-position:left top;}
.userpage .maintenance {background-position:left -100px;}
.userpage .docomail {background-position:left -200px;}
.userpage .weather {background-position:left -300px;}

.supportArea ul {
	clear:both;
	padding:10px 0;
}
.supportArea ul li {
	display:list-item;
	list-style-type:square;
	margin-left:20px;
	font-size:100%;
	line-height:1.6;
	zoom:normal;
}
.supportArea ul li ul {
	margin:0;
	padding:0;
}

.supportArea .textAd {
	margin:10px 0 10px;
	padding:10px 0;
	border-top:1px #999 dotted;
	border-bottom:1px #999 dotted;
}

.supportArea .tvGuide,
.supportArea .infoBranch,
.supportArea .itscomShop,
.supportArea .fronTale,
.supportArea .partner,
.supportArea .textAd .gourmet
{
	list-style-type:none !important;
	margin:0 !important;
	padding-left:23px !important;
	background-image:url(../icon/supportSub.gif);
	background-repeat:no-repeat;
}
.supportArea .tvGuide {background-position:left 3px;}
.supportArea .infoBranch {background-position:left -110px;}
.supportArea .itscomShop {background-position:left -220px;}
.supportArea .fronTale {background-position:left -333px;}
.supportArea .partner {background-position:left -523px;}
.supportArea .textAd .gourmet {background-position:left -430px;}

.supportArea .plazahall {list-style:none;}

.columnist {
	margin:10px 0 20px;
}

.tagCode {
	height:51px;
	margin-top:30px;
	padding:10px;
	background:url(../img/bg_tagCode.gif) no-repeat left top;
	line-height:0;
	vertical-align:bottom;
	height/* */:/* */31px;
/*\*//*/
height:31px;
/**/
}
.tagCode form {
	display:block;
	border:1px solid #999;
	line-height:0;
	vertical-align:bottom;
}
.tagCode img {
	float:left;
	line-height:0;
	vertical-align:bottom;
}
.tagCode input {
	float:left;
	border:none;
	color:#333;
	font-size:100%;
	vertical-align:bottom;
}
.tagCode input.tag {
	width:122px;
	height:20px;
	padding:6px 5px 5px 6px;
	*padding:5px 4px 4px 5px;
	*border:1px solid #fff;
	font-size:20px;
	font-weight:bold;
	line-height:1;
	ime-mode:inactive;
}
@media print {
.tagCode input.tag {*width:121px;}
}

/* =PR----------------------------------------------------- */
#prArea {
	clear:both;
	/*width:900px;*/
	width:580px;
	margin:0 auto;
	padding:10px 0;
}
#prArea ul li {
	display:list-item;
	font-size:87.5%;
	line-height:1.6;
	zoom:normal;
}
#prloading {
	padding:5px;
	background-color:#999;
	color:#fff;
	font-size:90%;
}


/* =ADVERTISEMENT------------------------------------------------- */
#advertisement {
	clear:both;
	width:900px;
	margin:20px auto;
	/*margin:0 auto;*/
	padding:10px 0;
	background-color:#eee;
}

#advertisement .ad_banner {
	overflow:hidden;
	margin:5px 0;
	padding-left:30px;
}
#advertisement .ad_banner li {
	display:inline;
	list-style-type:none;
	padding-right:10px;
}
#advertisement .ad_banner li.end {
	padding:0 7px 0 11px;
	border-left:1px solid #999;
}
#advertisement p {
	line-height:1.0;
	padding-left:30px;
}

/* =FOOTER------------------------------------------------- */
#footer {
	clear:both;
	width:900px;
	margin:0 auto;
	padding:20px 0;
	background:url(../img/bg_footer.gif) repeat-x left bottom;
}

#footer .footerSecure {
	overflow:hidden;
	margin:5px 0;
}
#footer .footerSecure li {
	display:inline;
	list-style-type:none;
	padding-right:5px;
	font-size:87.5%;
	line-height:1.4;
	zoom:1;
}
#footer .footerSecure li.end {
	padding:0 7px 0 11px;
	border-left:1px solid #999;
}
#footer .footerNavi {
	overflow:hidden;
	margin:5px 0 5px -11px;
}
#footer .footerNavi li {
	display:inline;
	list-style-type:none;
	margin-left:-1px;
	padding:0 7px 0 11px;
	border-left:1px solid #999;
	font-size:87.5%;
	line-height:1.4;
	zoom:1;
}
#footer p {
	margin:20px 0 40px;
	font-size:87.5%;
	line-height:1.4;
}