@charset "UTF-8";
#header
{
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN-LEFT: 30px;
	MARGIN-RIGHT: 30px;
	PADDING-TOP: 5px;
	height:100px;
}




#sidebar_top
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 10px;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
	text-align:left;
    WIDTH: 270px;
    PADDING-TOP: 10px;
    HEIGHT: auto;
	
}

li.c01 {
	display:block;
	background:transparent url(../images/company11.gif);
	list-style-type:none;
	text-indent:-3000px;
	height:38px;
	width:170px;
}

li.c01 A {
	display:block;
	height:38px;
	width:170px;
	background:transparent url(../images/company01.gif);

}
li.c01 A:hover {
	background:none
}

li.c02 {
	display:block;
	background:transparent url(../images/company12.gif);
	list-style-type:none;
	text-indent:-3000px;
	height:38px;
	width:170px;
}

li.c02 A {
	display:block;
	height:38px;
	width:170px;
	background:transparent url(../images/company02.gif);

}
li.c02 A:hover {
	background:none
}

li.c03 {
	display:block;
	background:transparent url(../images/company13.gif);
	list-style-type:none;
	text-indent:-3000px;
	height:38px;
	width:170px;
}

li.c03 A {
	display:block;
	height:38px;
	width:170px;
	background:transparent url(../images/company03.gif);

}
li.c03 A:hover {
	background:none
}

li.c04 {
	display:block;
	background:transparent url(../images/company14.gif);
	list-style-type:none;
	text-indent:-3000px;
	height:38px;
	width:170px;
}

li.c04 A {
	display:block;
	height:38px;
	width:170px;
	background:transparent url(../images/company04.gif);

}
li.c04 A:hover {
	background:none
}

li.c05 {
	display:block;
	background:transparent url(../images/company15.gif);
	list-style-type:none;
	text-indent:-3000px;
	height:38px;
	width:170px;
}

li.c05 A {
	display:block;
	height:38px;
	width:170px;
	background:transparent url(../images/company05.gif);

}
li.c05 A:hover {
	background:none
}



.sidebar-info {
	text-align:center;
    FLOAT: left;
    MARGIN-LEFT: 0px;
    WIDTH: 180px;
	background-color:#FFFFCC;

}

.sidebar
{
    PADDING-TOP: 5px;
	text-align:left;
    FLOAT: left;
    MARGIN-LEFT: 0px;
    WIDTH: 180px;
	color:#000000;
    HEIGHT: auto;
	line-height:100%

}

.sidebar A
{
    FONT-SIZE: 12px;
	color:#000000;
}
.sidebar A:link
{
    FONT-SIZE: 12px;
    COLOR: #AAAAAA;
}
active
{
    FONT-SIZE: 12px;
    COLOR: #000000;
}
visited
{
    FONT-SIZE: 12px;
    COLOR: #000000;
}
.sidebar A:hover
{
    FONT-SIZE: 12px;
    COLOR: #cccccc;
}
#sidebar_top A
{
    FONT-SIZE: 12px;
    COLOR: #000000;
}
#sidebar_top A:link
{
    FONT-SIZE: 12px;
	border:0;
    COLOR: #000000;

}
active
{
    FONT-SIZE: 12px;
    COLOR: #000000;
}
visited
{
    FONT-SIZE: 12px;
    COLOR: #000000;
}
#sidebar_top A:hover
{
    FONT-SIZE: 12px;
    COLOR: #999999;
}
.sidebar UL LI
{
	/* 	list-style-image:url(../images/ulli.gif);*/
	text-align:left;
	margin-left:-10px;
	list-style-type:none;
	color:wirte;
	line-height:200%;

}
#sidebar_top UL LI
{
    COLOR: #373332;
	font-size:12px;
    LINE-HEIGHT: 250%;

}

.RightBoxBlockTop
{
    FONT-SIZE: 12px;
    BACKGROUND-IMAGE: url(../image/box.gif);
    WIDTH: 254px;
    COLOR: #17446d;
    LINE-HEIGHT: 20px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: 32px
}

.RightBoxBlock
{
    BACKGROUND-POSITION: 50% bottom;
    FONT-SIZE: 12px;
    BACKGROUND-IMAGE: url(../images/box_02.gif);
    WIDTH: 254px;
    LINE-HEIGHT: 20px;
    BACKGROUND-REPEAT: no-repeat;
    HEIGHT: auto
}

#RightBlock
{
    FLOAT: left;
    WIDTH: 230px;
    HEIGHT: auto
}

.RightBoxBlock P
{
    DISPLAY: block;
    PADDING-BOTTOM: 10px;
    MARGIN-LEFT: 10px;
    WIDTH: 230px;
    MARGIN-RIGHT: auto;
	margin-top:auto;
    HEIGHT: auto
}
.RightBoxBlock DIV
{
    DISPLAY: block;
    PADDING-BOTTOM: 10px;
    MARGIN-LEFT: auto;
    WIDTH: 230px;
    MARGIN-RIGHT: auto;
    HEIGHT: auto
}
.RightBoxBlock UL
{
    DISPLAY: block;
    PADDING-BOTTOM: 10px;
    MARGIN-LEFT: auto;
    WIDTH: 230px;
    MARGIN-RIGHT: auto;
    LIST-STYLE-TYPE: none;
    HEIGHT: auto
}
#header h1 {
	font-size: 12px;
}

.content .illust {
	width: 370px;
	float: left;
}
.content .illust img {
	border: 10px solid #CCCCCC;
	overflow: auto;
}

#contents .content .illust-comment {
	float: left;
	font-size: 14px;
}
.card-illust {
	clear: both;
	width: 271px;
	float: left;
}
.card_subtitle {
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
}
.card-illust {
	padding-left: 15px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
#navi .card {
}
#navi .card {
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #336600;
}

/*** help menu ***/
#gnavi {
	background-image: url(../system/pg1/img/img1.jpg);
	background-repeat: no-repeat;
	height: 50px;
	list-style: none;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#gnavi ul {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: 850px;
}
#gnavi li {
	float: left;
	list-style: none;
}
/*
#gnavi li a {
	width: 170px;
	display: block;
	text-align: center;
	height: 54px;
	padding-top: 0;
}
*/

#gmenu
{
	PADDING-RIGHT: 0px;
	BORDER-TOP: #FFFFFF 0px solid;
	PADDING-LEFT: 0px;
	FONT-SIZE: 12px;
	HEIGHT: 50px;/*	TEXT-INDENT: -3000px */
}
#gmenu LI
{
	DISPLAY: block;
	FLOAT: left;
	MARGIN: 0px;
	HEIGHT: 50px;
	text-decoration:none!important;
	list-style:none;
	padding: 0px;
}
#gmenu A
{
    PADDING-RIGHT: 0px;
    DISPLAY: block;
    PADDING-LEFT: 0px;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    HEIGHT: 49px;
	text-decoration:none!important;
}

#gmenu A
{
	overflow:auto;
}
#gmenu UL
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    WIDTH: 850px;
    PADDING-TOP: 0px;
    HEIGHT: 50px
}
#m01
{
	display:block;
    WIDTH: 103px;
    HEIGHT: 50px;
}
#m02
{
	display:block;
    WIDTH: 120px;
    HEIGHT: 50px;
}
#m03
{
	display:block;
    WIDTH: 105px;
    HEIGHT: 50px;
}
#m04
{
	display:block;
    WIDTH: 170px;
    HEIGHT: 50px;
}
#m05
{
	display:block;
    WIDTH: 170px;
    HEIGHT: 50px;
}



#m01 A
{
	display:block;
	WIDTH: 103px;
	HEIGHT: 50px;
}
#m02 A
{
	display:block;
    WIDTH: 120px;
    HEIGHT: 50px;
}
#m03 A
{
	display:block;
    WIDTH: 105px;
    HEIGHT: 50px;
}
#m04 A
{
	display:block;
    WIDTH: 170px;
    HEIGHT: 50px;
}
#m05 A
{
	display:block;
    WIDTH: 170px;
    HEIGHT: 50px;
}


#m01 A:hover
{
    BACKGROUND: url(../system/pg1/img/img4.jpg) no-repeat 1px 0px
}
#m02 A:hover
{
    BACKGROUND: url(../system/pg1/img/img4.jpg) no-repeat -102px 0px
}
#m03 A:hover
{
    BACKGROUND: url(../system/pg1/img/img4.jpg) no-repeat -222px 0px
}
#m04 A:hover
{
    BACKGROUND: url(../system/pg1/img/img4.jpg) no-repeat -327px 0px
}
#m05 A:hover
{
    BACKGROUND: url(../system/pg1/img/img4.jpg) no-repeat -680px 0px
}
#Advertising {
	width: 730px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#left-banner {
	width: 235px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
}
#contents_left {
	width: 750px;
	float: left;
}
#contents_right {
	width: 190px;
	float: left;
	text-align: center;
}
#contents_right img {
	margin-top: 5px;
	margin-bottom: 5px;
}
#blog {
	width: 630px;
	float: left;
}
#auto_Advert {
	padding: 5px;
}
.content li {
	background-image: url(../images/yaji.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}
#container #main .img_home img {
	width: 940px;
}