@charset "iso-8859-2";



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

CITIZEN HOLDINGS CO.,LTD.

Cascading Style Sheets FILE

[002-index.css]

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

body#index #container{

	width:760px;

	padding: 0 0 40px 0;

	margin:0 5px 0 5px;

	background: none;

}

/* Main photo */

body#index #flash{

	margin: 10px 0px 15px;

	padding: 0px;

}



body#index #contents{

	width:760px;

	margin: 0px;

	padding: 0px;

}

body#index #contents #main{

	width:529px;

	float: left;

	margin: 0px;

	padding: 0px 0px 0px 15px;

	background: url(../../images/index_bg003.gif) repeat-y right top;

}



body#index #contents #main p{

	padding: 0px;

	margin: 0px;

}

/* What's New */

body#index #contents #main dl.whatsnew{

	margin: 15px 16px 0px 0px;

	padding: 0px;

}

body#index #contents #main dl.whatsnew dt{

	font-weight: normal;

	color: #333333;

	font-size: 70%;

	margin: 0px;

	padding: 0px;

	width: 9em;

}

body#index #contents #main dl.whatsnew dd{

	margin: -1.5em 0em 0.3em 0px;

	padding: 0px 0px 0.3em 7em;

	font-size: 70%;

	background: url(../../images/index_bg001.gif) repeat-x left bottom;

	_height: 1%;

}

body#index #contents #main .detail{

	font-size: 70%;

	padding-right: 18px;

}



/* Link area */

body#index #contents #main #links{

	padding: 1px 0px 10px;

	margin: 10px 0px 0px;

	width: 513px;

	border-top: 1px solid #CCCCCC;

	border-bottom: 1px solid #CCCCCC;

	background: url(../../images/index_bg002.gif) repeat-y left top;

}

body#index #contents #main #links .colleft{

	padding: 0px;

	margin: 0px;

	float: left;

	width: 170px;

}

body#index #contents #main #links .colcenter{

	padding: 0px;

	margin: 0px;

	float: left;

	width: 171px;

}

body#index #contents #main #links .colright{

	padding: 0px;

	margin: 0px;

	float: left;

	width: 170px;

}

body#index #contents #main #links .colleft dl,

body#index #contents #main #links .colcenter dl,

body#index #contents #main #links .colright dl{

	padding: 0px 0px 0px 2px;

	margin: 0px;

}

body#index #contents #main #links .colleft dl dt,

body#index #contents #main #links .colcenter dl dt,

body#index #contents #main #links .colright dl dt{

	padding: 0px;

	margin: 0px;

}

body#index #contents #main #links .colleft dl dd,

body#index #contents #main #links .colcenter dl dd,

body#index #contents #main #links .colright dl dd{

	padding: 0px;

	margin: 0px;

}

body#index #contents #main #links .colleft dl dd ul,

body#index #contents #main #links .colcenter dl dd ul,

body#index #contents #main #links .colright dl dd ul{

	padding: 0px;

	margin: 0px;

}

body#index #contents #main #links .colleft dl dd ul li,

body#index #contents #main #links .colcenter dl dd ul li,

body#index #contents #main #links .colright dl dd ul li{

	padding: 0px 0px 0px 15px;

	margin: 0px;

	background: url(../icon/anchor004.gif) no-repeat 5px 0.5em;

	list-style: none;

	_height: 1%;

}



/* Group */

body#index #contents #main #group{

	padding: 0px 0px 10px;

	margin: 15px 0px 0px;

	width: 513px;

	border-bottom: 1px solid #CCCCCC;

	background: url(../../images/index_bg004.gif) repeat-y left top;

	clear: both;

}

body#index #contents #main #group .colbox{

	padding: 0px;

	margin: 0px;

	width: 255px;

	float: left;	

}

body#index #contents #main #group .colbox ul{

	padding: 0px;

	margin: 5px;

}

body#index #contents #main #group .colbox ul li{

	padding: 0px 0px 0px 20px;

	margin: 0px;

	background: url(../icon/blank_01.gif) no-repeat 0px 0.2em;

	list-style: none;

	_height: 1%;

}

body#index #contents #main #group .colbox ul li.normal{

	padding: 0px 0px 0px 20px;

	margin: 0px;

	background: url(../icon/anchor004.gif) no-repeat 7px 0.5em;

	list-style: none;

	_height: 1%;

}



/* Menu */

body#index #contents #menu{

	width:216px;

	float: right;

	margin: 0px;

	padding: 0px;

	text-align: center;

}

body#index #contents #menu p{

	padding: 0px;

	margin: 0px 0px 8px;

}

/* (renewal) | 20110912

----------------------------------------------------------*/

body#all-index{
color:#666;
}

body#all-index a:link{
color:#002f82;
}

body#all-index a:visited {
color:#800080;
}

body#all-index a:hover,
body#all-index a:active{
color:#E64B19;
text-decoration:none;
}

body#all-index #lyt-header{
padding-bottom:0;
border-bottom:#002f82 1px solid;
background:#fefefe url(../../images/lyt-header_bg.gif) repeat-x 0 100%;
}

body#all-index #container{
width:auto;
background:url(../../images/all-index_bg.jpg) no-repeat top center;
}

body#all-index #container-inner{
margin:0 auto;
padding:8px 12px 0;
width:947px;
}

body#all-index #contents{
margin:0;
width:947px;
background:none;
}

body#all-index #hdg-l1{
position:absolute;
z-index:-1;
}

body#all-index .mainvisual{
margin-bottom:2px;
padding:4px 3px;
width:941px;
height:232px;
position:relative;
background:url(../../images/mainvisual_bg.jpg) no-repeat 0 0;
}

body#all-index .mainvisual img{
vertical-align:bottom;
}

body#all-index .mainvisual .main-menu{
float:left;
width:221px;
list-style:none;
}


body#all-index .mainvisual .main-item-default{
margin:-3px 0 -4px;
float:right;
width:719px;
}

body#all-index .mainvisual .main-item{
width:719px;
background:url(../../images/main-item_bg.gif) repeat-x 0 0;
display:none;
position:absolute;
top:4px;
right:3px;
}

body#all-index .mainvisual .sub-menu{
padding:8px 0 8px 13px;
float:left;
width:202px;
}

body#all-index .mainvisual .sub-menu h3{
margin:0 0 7px;
padding:0;
background:none;
}

body#all-index .mainvisual .sub-menu-01,
body#all-index .mainvisual .sub-menu-02{
list-style:none;
}

body#all-index .mainvisual .sub-menu-01 li{
margin-bottom:5px;
line-height:1;
}

body#all-index .mainvisual .sub-menu-01 li p.visual{
position:absolute;
top:0;
right:0;
display:none;
}
body#all-index .mainvisual .sub-menu-02 li{
margin:0 0 5px 23px;
line-height:1;
}

body#all-index .mainvisual div.visual{
float:right;
width:504px;
position:relative;
}

body#all-index .mainvisual div.visual div.text{
position:absolute;
top:159px;
}

body#all-index .mainvisual div.visual div.text-inner{
height:72px;
width:504px;
display:table;
/position:relative;
}

body#all-index .mainvisual div.visual div.text p{
padding:28px 20px 10px;
display:table-cell;
vertical-align:middle;
color:#000;
/position:absolute;
/top:50%;
}

body#all-index .mainvisual div.visual div.text p span{
/position:relative;
/top:-50%;
}

body#all-index .mainvisual .mt2{
margin-top:2px !important;
}

body#all-index .mainvisual .mt15{
margin-top:15px !important;
}

body#all-index .mainvisual .mt35{
margin-top:35px !important;
}

body#all-index .mainvisual .mt50{
margin-top:50px !important;
}

body#all-index #main-contents{
width:947px;
}

body#all-index .box-banner{
margin-bottom:4px;
position:relative;
}

body#all-index .box-banner p{
margin:0;
padding:0;
position:absolute;
}

body#all-index .box-banner p a{
display:block;
width:11px;
height:43px;
text-decoration:none;
overflow:hidden;
}

body#all-index .box-banner p a span{
margin-left:-9999px;
}

body#all-index .box-banner p.back{
top:56px;
left:-12px;
}

body#all-index .box-banner p.back a{
background:url(../../images/btn_back_01.gif) no-repeat 0 0;
}
body#all-index .box-banner p.back a:hover{
background-position:0 100%;
}

body#all-index .box-banner p.next{
top:56px;
right:-12px;
}

body#all-index .box-banner p.next a{
background:url(../../images/btn_next_01.gif) no-repeat 0 0;
}
body#all-index .box-banner p.next a:hover{
background-position:0 100%;
}

body#all-index .box-banner .list{
width:947px;
height:159px;
overflow:hidden;
}

body#all-index .box-banner ul{
margin:0 -13px 0 0;
padding:0;
width:960px;
}

body#all-index .box-banner ul li{
padding:3px 12px 3px 0;
float:left;
}

body#all-index .box-information{
margin:0 0 4px;
background:url(../../images/box-information_bg_btm.gif) no-repeat 0 100%;
font-size:inherit;
min-height:inherit;
width:auto;
}

body#all-index .box-information .hdg{
padding:16px 0px 0 6px;
background:url(../../images/box-information_bg_top.gif) no-repeat 0 0;
}

body#all-index .box-information .hdg h2{
margin:0;
padding:0;
background:none;
zoom:1;
}

body#all-index .box-information .list-infomation{
margin:0;
padding:14px 14px 10px;
width:920px;
}

body#all-index .box-information .list-infomation li{
margin-bottom:5px;
padding:0 0 0 6em;
width:auto;
background:url(../icon/icn_arrow_01.gif) no-repeat 0 0.5em;
position:relative;
float:none;
zoom:1;
}

body#all-index .box-information .list-infomation li span{
position:absolute;
top:0;
left:1em;
}

body#all-index .box-information .list-infomation li a{
text-decoration:none;
}

body#all-index .box-information p{
margin:0;
padding-bottom:14px;
text-align:right;
position:relative;
z-index:1;
}

body#all-index .box-information p a{
display:inline-block;
height:14px;
text-decoration:none;
line-height:1;
}

body#all-index .box-information p a span{
position:relative;
z-index:-1;
font-size:85%;
}

body#all-index .box-information p.link-detail a{
width:52px;
background:url(../../images/btn_detail.gif) no-repeat 0 0;
}
body#all-index .box-information p.link-detail a:hover{
background-position:0 100%;
}

body#all-index .box-information .list-group{
margin:0;
padding:14px 14px 20px;
width:920px;
}

body#all-index .box-information .list-group li{
margin-right:10px;
padding:0 0 0 15px;
float:left;
width:435px;
background:url(../icon/icn_arrow_01.gif) no-repeat 0 0.5em;
}

body#all-index .box-information .list-group li a{
text-decoration:none;
}

body#all-index .pgh-message{
margin:0 0 4px;
padding:0;
}

body#all-index .list-banner li{
margin-bottom:4px;
}