/*ドレストン サイト共通CSSv02.5 1.16.2008*/

/*-----共通設定-----*/
* {
	margin: 0;
	padding: 0;
}

body {
	width: 100%;
	background: #CCCCCC url(../img/ds_bodyback01.gif);
}

img {
	border: none;
}

/*-----コンテンツ格納コンテナ-----*/
#container {
	width: 750px;
	background: #FFFFFF url(../img/ds_contentsback01.gif) repeat-y;
}

/*-----ヘッダー-----*/
#header {
	position: relative;
	width: 740px;
	height: 50px;
	background: #CCFFFF url(../img/ds_header01.jpg) top no-repeat;
}

h1 {
	position: absolute;
	top: 7px;
	left: 70px; 
	font-size: 11px;
	font-weight: normal;
	z-index: 100;
}

.title {
	position: absolute;
	top: 10px;
	left: 5px;
}
.mail {
	position: absolute;
	top: 40px;
	left: 727px;
}

/*-----メインメニューとメインビジュアル-----*/
#midbox {
	width: 740px;
	height: 250px;
}

/* メニュー */

#menubox {
	float: left;
	width: 200px;
	height: 250px;
	padding-left: 5px;
	padding-top: 6px;
	background-color: #0099cc;
}
#midbox > #menubox {
	width: 195px;
	height: 244px;
}


#menu {
	clear: both;
	list-style: none;
}


.hide {
	visibility: hidden;
}

a > .hide {
	display: none;
}

html>body #box .hide {
	display: none;
}	

/* メニュー項目 */

.menuitem1 a {
	display: block;
	width: 190px;
	height: 38px;
	background: #CCCCCC url(../img/ds_menuback01.gif) no-repeat;
	background-position: 0px 0px;
}
.menuitem1 a:hover {
	background-position: -190px 0px;
}

.menuitem2 a {
	display: block;
	width: 190px;
	height: 38px;
	margin-top: 2px;
	background: #CCCCCC url(../img/ds_menuback01.gif) no-repeat;
	background-position: 0px -38px;
}
.menuitem2 a:hover {
	background-position: -190px -38px;
}

.menuitem3 a {
	display: block;
	width: 190px;
	height: 38px;
	margin-top: 2px;
	background: #CCCCCC url(../img/ds_menuback01.gif) no-repeat;
	background-position: 0px -76px;
}
.menuitem3 a:hover {
	background-position: -190px -76px;
}


.menuitem4 a {
	display: block;
	width: 190px;
	height: 38px;
	margin-top: 2px;
	background: #CCCCCC url(../img/ds_menuback01.gif) no-repeat;
	background-position: 0px -114px;
}
.menuitem4 a:hover {
	background-position: -190px -114px;
}

.menuitem5 a {
	display: block;
	width: 190px;
	height: 38px;
	margin-top: 2px;
	background: #CCCCCC url(../img/ds_menuback01.gif) no-repeat;
	background-position: 0px -152px;
}
.menuitem5 a:hover {
	background-position: -190px -152px;
}

.menuitem6 a {
	display: block;
	width: 190px;
	height: 38px;
	margin-top: 2px;
	background: #CCCCCC url(../img/ds_menuback01.gif) no-repeat;
	background-position: 0px -190px;
}
.menuitem6 a:hover {
	background-position: -190px -190px;
}

*:first-child+html div#midbox div#menubox {
	height: 250px;
	padding-top: 0;
}

*:first-child+html div#midbox div#menubox ul#menu li {
	line-height: 0;
	width: 190px;
	margin: 0;
	
}
*:first-child+html div#midbox div#menubox ul#menu {
	line-height: 0;
}
*:first-child+html div#midbox div#menubox ul#menu li a{
	margin: 0;
	line-height: normal;
}


/* MV */

#mainvisual {
	float: left;
	width: 540px;
	height: 250px;
	background-color: #0099cc;
}

#mainvisual img {
	vertical-align: top;
	line-height: 0;
}

/*-----パンくずリストナビ-----*/

#bclist {
	clear: both;
	margin-top: 5px;
	padding-left: 5px;
	font-size: 12px;
}

#bclist ul li {
	display: inline;
}

#bclist ul li.thispage {
	color: #003060;
	font-weight: bold;
}


/*-----メインコンテンツ左側ボックス-----*/

#leftbox {
	float: left;
	width: 200px;
	margin-bottom: 30px;
	padding: 5px;
	font-size: 12px;
}
#container > #leftbox {
	width: 190px;
}

#leftbox h3 {
	width: 190px;
	height: 20px;
	margin-top: 10px;
	padding-left: 10px;
	padding-top: 4px;
	background: #003399 url(../img/ds_submenuhead01.gif) no-repeat;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
#leftbox > h3 {
	width: 180px;
	height: 16px;
}

#leftbox h4 {
	font-size: 12px;
	font-weight: bold;
}


#leftbox li {
	padding-left: 12px;
	list-style: none;
	background: url(../img/arrow22.gif) left top no-repeat;
}

.lbitem {
	width: 190px;
	padding-left: 4px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 4px;
	border: #006699 solid 1px;
	border-top: none;
}

div#leftbox > .lbitem {
	width: 180px;
} 

.lbitem p {
	margin-top: 10px;
}

.lbitem ul li a {
	color: #0000cc;
}
.lbitem ul li a:hover {
	color: #ff6600;
}

.liitemlist {
	margin: 8px 0px;
}

.newlabel {
	margin-left: 4px;
	padding: 2px;
	border: #FFCC00 solid 1px;
	background-color: #FFFFCC;
	color: #FF3333;
	font-weight: bold;
	
}


/*-----メインコンテンツ右側ボックス-----*/
#rightbox {
	float: left;
	width: 535px;
	padding-left: 5px;
	margin-bottom: 30px;
}

#rightbox h3 {
	width: 530px;
	height: 20px;
	margin-top: 10px;
	padding-top: 3px;
	padding-left: 10px;
	background: #003399 url(../img/ds_contenthead01.gif) no-repeat;
	font-size: 14px;
	color: #FFFFFF;
}

#rightbox > h3 {
	width: 520px;
	height: 17px;
	line-height: 150%;
}

#rightbox p {
	width: 530px;
	margin-top: 10px;
	line-height: 130%;
}


/*-----フッター-----*/
#footer {
	clear: both;
	width: 740px;
	height: 50px;
	padding-top: 10px;
	background: #CCFFFF url(../img/ds_footback01.gif) repeat-x;
	font-size: 12px;
	text-align: center;
}
#container > #footer {
	height: 40px;
}

#undermenu li {
	display: inline;
	list-style: none;
}
#undermenu li a {
	color: #006092;
}
#undermenu li a:hover {
	color: #ffffff;
}

p.copyright {
	margin-top: 5px;
}


/*-----その他の設定-----*/
.m6p {
	margin-top: 10px;
	border: #006699 solid 1px;
}

.center {
	margin-top: 10px;
	text-align: center;
}
.center img {
	margin: 0 auto;
}

.txtright {
	margin-top: 10px;
	text-align: right;
}
.txtright a {
	margin: 0 auto;
}


.linkgreen {
	margin-top: 10px;
	font-size: 12px;
	color: #006092;
}
a.linkgreen:hover {
	color: #ff9900;
}

.grey {
	color: #CCCCCC;
	font-size: 12px;
}

.fontbold {
	font-weight: bold;
}

strong {
	font-size: inherit;
	font-weight: bold;
	font-style: normal;
}

em {
	font-size: inherit;
	font-weight: bold;
	font-style: normal;
}

.syoseki {
	border: #eaeaea solid 1px;
}

.red {
	color:#CC3333;
}
.w530 {
	width: 530px;
}