@charset "shift_jis";

@import url("reset.css");

@media print {
#wrapper,
#contentsIn { width: 984px !important; background: none !important;}

#container { margin: 0 !important; padding: 0 !important;}

#wrapper,
#header,
#container,
#contents  { overflow: visible !important;}	
}

/*--------------------------------------------*/
/* COMMON                                     */
/*--------------------------------------------*/

body {
	background: #FAD7F2 url(../images/body_bg.gif) left top repeat-x;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	line-height: normal;
	text-align: center;
	font-size: 12px;
}

/*ie7*/
*:first-child+html body {
	font-size:75%;
}
	
/*ie5-6*/
* html body {
	font-size:75%;
}


/* link
-----------*/
a { color: #DE3586;	text-decoration: none;}

a:hover { color: #9900FF; text-decoration: underline;}


/* 0=wrapper
-------------------------------------------------------------*/
#wrapper {
background:url(../images/wrap_bg.gif) center top no-repeat;
}

#container {
width:984px;
margin:0 auto;
overflow: hidden;
text-align: left;

padding-bottom: 40px;
}

/* 1=header
-------------------------------------------------------------*/
#header { width: 984px; height: 113px; background: url(../images/head_bg.gif) left top no-repeat; overflow: hidden;}

#logo { float: left; height: 113px;}
#headerR { width: 713px; height: 104px !important; height: 113px; padding-top: 9px; float: right;}
#headerRTop { height: 31px;}

body#top #headerR ul#headLink { width:413px; height: 31px; margin-left: 300px;}
body#top #headerR ul#headLink li { height: 25px; float: left; display: inline;}
body#top #headerR ul#headLink li a { width: auto; height: 25px; display: block;}
body#top #headerR ul#headLink li a:hover { background-color: transparent;}
body#top #headerR ul#headLink li a:hover img { visibility: hidden;}
body#top #headerR ul#headLink li#headLink02 { width: 118px; background: url(../images/head_btn_hdLink02_ov.gif);}
body#top #headerR ul#headLink li#headLink03 { width: 105px; background: url(../images/head_btn_hdLink03_ov.gif);}
body#top #headerR ul#headLink li#headLink04 { width: 99px; background: url(../images/head_btn_hdLink04_ov.gif);}
body#top #headerR ul#headLink li#headLink05 { width: 89px; background: url(../images/head_btn_hdLink05_ov.gif);}



#headerR ul#headLink { width:488px; height: 31px; margin-left: 225px;}
#headerR ul#headLink li { height: 25px; float: left; display: inline;}
#headerR ul#headLink li a { width: auto; height: 25px; display: block;}
#headerR ul#headLink li a:hover { background-color: transparent;}
#headerR ul#headLink li a:hover img { visibility: hidden;}
#headerR ul#headLink li#headLink01 { width: 75px; background: url(../images/head_btn_hdLink01_ov.gif);}
#headerR ul#headLink li#headLink02 { width: 118px; background: url(../images/head_btn_hdLink02_ov.gif);}
#headerR ul#headLink li#headLink03 { width: 105px; background: url(../images/head_btn_hdLink03_ov.gif);}
#headerR ul#headLink li#headLink04 { width: 99px; background: url(../images/head_btn_hdLink04_ov.gif);}
#headerR ul#headLink li#headLink05 { width: 89px; background: url(../images/head_btn_hdLink05_ov.gif);}


#headerR ul#headNavi { width:610px; height: 33px; margin-left: 103px;}
#headerR ul#headNavi li { width: 120px; height: 26px; float: left; margin-right: 2px; display: inline;}
#headerR ul#headNavi li a { width: auto; height: 26px; display: block;}
#headerR ul#headNavi li a:hover { background-color: transparent;}
#headerR ul#headNavi li a:hover img { visibility: hidden;}
#headerR ul#headNavi li#headNavi01 { background: url(../images/head_btn_hdNavi01_ov.gif);}
#headerR ul#headNavi li#headNavi02 { background: url(../images/head_btn_hdNavi02_ov.gif);}
#headerR ul#headNavi li#headNavi03 { background: url(../images/head_btn_hdNavi03_ov.gif);}
#headerR ul#headNavi li#headNavi04 { background: url(../images/head_btn_hdNavi04_ov.gif);}
#headerR ul#headNavi li#headNavi05 { background: url(../images/head_btn_hdNavi05_ov.gif);}


/* 2=gNavi
-------------------------------------------------------------*/
ul#gNavi { width: 712px !important; height: 44px; position: absolute; top: -40px; right: 1px; overflow: hidden;}
ul#gNavi li { width: 178px; height: 44px; float: left; display: inline;}
ul#gNavi li a { width: 178px; height: 44px; display: block;}
ul#gNavi li a:hover { background-color: transparent;}
ul#gNavi li a:hover img { visibility: hidden;}
ul#gNavi li#gNavi01 { background: url(../images/head_btn_gnavi01_ov.gif);}
ul#gNavi li#gNavi02 { background: url(../images/head_btn_gnavi02_ov.gif);}
ul#gNavi li#gNavi03 { background: url(../images/head_btn_gnavi03_ov.gif);}
ul#gNavi li#gNavi04 { background: url(../images/head_btn_gnavi04_ov.gif);}

@media print {
#contentsStart { _margin-top: -9px;} /* ie 6 fix */
ul#gNavi { width: 712px !important; width: 713px; right: 0 !important; overflow:visible !important;}
#contentsStart { _position: relative;}
ul#gNavi li#gNavi04 { _position:absolute; top:0; right:0;}
#headerR ul#headLink { margin-left:221px !important;}
}


/* 3=contents
-------------------------------------------------------------*/
#contentsStart { width: 984px; 	height: 13px; background: url(../images/contents_img_contentsStart.gif) no-repeat; position: relative;}
body#top #contentsStart { width: 984px; height: 17px; background: url(../images/contents_img_contentsStartTop.gif) no-repeat; margin-top: -3px; /* SB mod 090119 */ }
/* body.square #contentsStart{ background: url(../images/contents_img_contentsStartPurple.jpg) no-repeat !important;} SB del 090120 */

#contents { width: 984px; background: url(../images/contents_bg.gif) left top repeat-y; overflow: hidden; clear: both;}
body#top #contents { width: 984px; background: url(../images/contents_bg_top.gif) left top repeat-y; clear: both; float: left;}
body.square #contents { background: url(../images/contentsWhite_bg.gif) left top repeat-y;}

#contentsDetail { width: 954px; margin-left: 16px; background: url(../images/contentsDetail_bg.gif) left top repeat-y; padding-bottom:10px;}
body.square #contentsDetail { background: url(../images/contents_bg_purple.jpg) -16px top no-repeat;}
/* body.square #contentsDetail h1 { padding-top: 35px;} */ /* SB mod 090120 */ 
body.square #mainArea { padding: 0;}

/* #contentsHeader { 
	clear: both;
	position: relative;
}
 SB add 090120 */


body.other .contentsFrame { /* SB add 090115 */
	background:url(../images/contents_img_otherFrame_bg_mid.gif) left top repeat-y;
	width: 902px;
	margin:22px 0 0 25px;
}

/* pagetop
-------------*/
.page_top { display: block; min-height: 1%;}
* html .page_top {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
.page_top p {	background: url(../../common/images/common_pageTop.gif) left center no-repeat; padding-left: 15px; float: right; font-size: 12px; line-height: 20px;}
.page_top a { color:#000000; text-decoration: underline; outline: none;}
.page_top a:hover { color:#000000; text-decoration: none; outline: none;}


/* 4=footer
-------------------------------------------------------------*/
#footer {
	width:984px;
	clear:both;
	height:auto;
	overflow:hidden;
}

#footer_bottom:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}

#footer_bottom {
	display: block;
	min-height: 1%;
	line-height: 20px;
	color:#DE3586;
}

* html #footer_bottom {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

#footer_bottom ul {
	text-align:center;
}

#footer_bottom ul li {
	border-right: 1px solid #DE3586;
	display: inline;
	padding: 0 5px;
}
#footer_bottom ul li.end { border-right: none !important;}

#footer_bottom ul li a {
  text-decoration:none;
	color:#DE3586;
}

#footer_bottom ul li a:hover {
  text-decoration:underline;
	color:#9900ff;
}
#copyright {
 color:#666666;
 margin-top:7px;
 text-align:center;
}


/*-----------
 table 
-----------*/

table.contact_form {
	width: 100%;
	border-collapse: separate;
	border-top: 1px #e5e5e5 solid;
	border-left: 1px #e5e5e5 solid;
	border-spacing: 0;
}

table.contact_form th,
table.contact_form td {
	border-right: 1px #e5e5e5 solid;
	border-bottom: 1px #e5e5e5 solid;
	padding: 10px;
}

table.contact_form th {
	width: 140px;
	background: #fafafa;
	vertical-align: top;
	font-weight: bold;
}

table.contact_form span {
	background: url(../../common/css/img/contact_form_icon.jpg) right center no-repeat;
	padding-right: 30px;
}

/*-----------
 table_end 
-----------*/


/*-----------
 form 
-----------*/

.contact_form_style01,
.contact_form_style02,
.contact_form_style03,
.contact_form_style04 {
	border: 1px #d9d9d9 solid;
}

.contact_form_style01 {
	width: 238px !important;
	width: 240px;
	height: 18px !important;
	height: 20px;
}

.contact_form_style02 {
	width: 405px;
	height: 18px !important;
	height: 20px;
}

.contact_form_style03 {
	width: 405px;
	height: 198px !important;
	height: 200px;
}

.contact_form_style04 {
	height: 18px !important;
	height: 20px;
}

/*-----------
 form_end 
-----------*/

/*-----------
/* topicsPath
-------------*/
#topicsPath_bg{
	clear:both;
	display:block;
	background: transparent;
	position: absolute;
	z-index: 2;
	height:32px;
	overflow:hidden;
}
#topicsPath {
	margin:17px 0 0 42px;
	width:942px;
}
#topicsPath li {
	background:url(../images/topicsPath_icn_list.gif) left center no-repeat;
	color:#FFFFFF;
	float:left;
	line-height:13px;
  	padding-left:10px;
	margin-right:5px;
}
#topicsPath .topicsPathHome {
	background:none;
	padding-left:0px;
}
#topicsPath a {
	color:#FFFFFF;
	text-decoration:underline;
}
#topicsPath a:hover {
	text-decoration:none;
}

body.square #topicsPath_bg {
	background: none !important;
} /* SB add 090120 */


/*-----------
/* subContents
-------------*/
.subContents {
	width: 902px;
	margin:22px 0 0 25px;
}



/* SB add 090120 */
/* Style for "other_index.dwt"
-------------------------------------------------------------

body.other {}

body.other #topicsPath_bg{ 
	background: transparent;
	position: absolute;
	z-index: 999;
}

body.other #topicsPath {
	margin:17px 0 0 42px;
	width:942px;
}

body.other #contentsStart {
	height: 13px;
}

body.other .contentsHeader {
	clear: both;
	position: relative;
}

body.other .contentsFrame {
	background:url(../images/contents_img_otherFrame_bg_mid.gif) left top repeat-y;
	width: 902px;
	margin:22px 0 0 25px;
}

body.other .otherBody { 
	margin:25px 20px;
	overflow:hidden;
	clear:both;
}


/*------------------------------------------------------------------------------ project/index.html */