@charset "UTF-8";

/*
======== table of content. =================================

summary:index.html用レイアウト定義

-MAIN
  - MAIN TWOCOLUMN01
  - MAIN CONTAINER
  - MAIN LEFT
  - MAIN RIGHT
  - MAIN FOOTER

============================================================
*/

/*-------------------------------------
MAIN
---------------------------------------*/

#mainTwocolumn {
	padding:14px 64px 14px 70px;
	width:766px;
	background:
		transparent
		url(../img/common/bg_content.jpg) 
		repeat-y center top;	
}
/* IE Hack */
* html #mainTwocolumn {
    padding-bottom:0;
}
*:first-child+html #mainTwocolumn {
    padding-bottom:0;
}

/* mainContainer
--------------------------*/
#mainTwocolumn div#mainContainer {
    background:
        transparent
        url(../img/top/bg_main_right.gif) 
        repeat-y right top;
}

/* mainLeft
--------------------------*/
#mainTwocolumn div#mainLeft {
	float:left;
	width:500px;
}

.whatDryeyeArea {
	width:500px;
	min-height:164px;
	_height:164px;
	background:
        #FFF 
        url(../img/top/bg_dryeye.jpg) 
        no-repeat right top;
	margin:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.whatDryeyeArea h3 {
    padding:7px 0 0 0px;
	margin-left: 16px;
}


/* dryeyeMenuArea
--------------------------*/
dl.dryeyeMenuArea {
    margin:0 0 0 16px;
    width:450px;
}

dl.dryeyeMenuArea dd {
    margin:10px 0 5px 10px;
}
dl.dryeyeMenuArea dd ul {
}

dl.dryeyeMenuArea dd ul li {
	margin:0 0 10px 0;
	padding:0 16px 0 0;
	float:left;
}

p.m_top7{
	clear: both;
	margin-top: 7px;
		margin-left: 16px;
}


*+html dl.dryeyeMenuArea dd {
    margin-top:4px;
	margin-bottom: 4px;
}

*+html dl.dryeyeMenuArea dd ul li {
	margin:0 0 3px 0;
	padding:0 16px 0 0;
	float:left;
}

*+html p.m_top7{
	clear: both;
	margin-top: 7px;
	margin-left: 16px;
}


/* contentList
--------------------------*/
ul.contentList {
    margin:15px 0 0 0;
}

ul.contentList li {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}
ul.contentList li.last {
    margin:0;
}


/* mainRight
--------------------------*/
#mainTwocolumn div#mainRight {
	margin:0 0 0 14px;
    padding:6px;
    float:left;
	width:240px;
}

/* relationSites
--------------------------*/
div#mainRight dl.relationSites {
    width:240px;
}
div#mainRight dl.relationSites dt {
    margin: 0 0 5px 0;
}

div#mainRight dl.relationSites dd {
    margin:0 0 5px 0;
}

/* mainFooter
--------------------------*/
#mainTwocolumn ul#mainFooter {
	margin:23px 0 0 0;
}
#mainTwocolumn ul#mainFooter li {
    width:370px;
    float:left;
}
#mainTwocolumn ul#mainFooter li.ad {
    margin:0 0 0 20px;
}


/* newsList , adList
--------------------------*/
dl.newsList {

}
dl.adList {
}

dl.newsList dt,
dl.adList dt {
	padding:6px 0 2px 3px;
	float:left;
	width:70px;
	color:#999999;
}

dl.newsList dd,
dl.adList dd {
	padding:6px 0 2px 80px;
	background:url(../img/common/border_dash.gif) repeat-x bottom left;
}

/* ============================================================
tabNews test中  prototype.js tabMaker.js追加
============================================================*/

#tabContent {
	padding-top: 10px;
	padding-bottom: 15px;
}


#tabheadbox {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A4DFFF;
	height: 24px;
	margin: 0px;
	padding: 0px;
	width: 199px;
	float: left;
}

#tabIndex {
	background-image: url(../img/top/newstab_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0px;
	padding: 0px;

}

#tabIndex li {
	float:left;
	height: 14px;
	width: 150px;
	font-weight: bold;
	list-style-type: none;
	cursor: pointer;
	display: block;
	text-align: center;
	padding-top: 0.5em;
	padding-right: 0px;
	padding-bottom: 0.5em;
	padding-left: 0em;
	margin-right: 0px;

}


#tabIndex .close {
	background-image: url(../img/top/newstab_off.jpg);
	background-repeat: no-repeat;
}

#tabIndex .open {
	background-image: url(../img/top/newstab_on.jpg);
		background-repeat: no-repeat;
}


#tabBoxIndex {
	clear: both;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #A4DFFF;
	border-left-color: #A4DFFF;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
	background-image: url(../img/top/tabbox_bottom_line.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
}

/* tab 調整用
--------------------------*/

* html .tabbox_mb { margin-bottom:54px; }

.tabbox_mb {
}