@charset "UTF-8";

#bg1 {
	background-image:url(images/body_bg1.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}

#bg2 {
	background-image:url(images/body_bg2.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}

#bg3 {
	background-image:url(images/body_bg3.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}

#bg4 {
	background-image:url(images/body_bg4.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}

#bg5 {
	background-image:url(images/body_bg5.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}

.container {
	margin:0px auto;
	padding:0px;
	width:945px;
}

/**********************************************************/
/* header *************************************************/
#header {
	width:945px;
	background-image:url(images/header_bg1.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	text-align:left;
}

.header_content {
	width:945px;
	height:90px;
	text-align:left;
	position:relative;
}


/**********************************************************/
/* header HOME & CONTACT btn*******************************/
a#logo_btn {
	display:block;
	width:60px;
	height:60px;
	position:absolute;
	top:15px;
	left:15px;
	background-image:none;
	font-size:1px;
}
a#contact_btn {
	display:block;
	width:185px;
	height:59px;
	position:absolute;
	top:0px;
	right:11px;
	background-image:none;
	font-size:1px;
}
a#contact_btn:hover {
	display:block;
	width:185px;
	height:59px;
	position:absolute;
	top:0px;
	right:11px;
	background-image:url(images/contact_btn_o.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	font-size:1px;

	/* IE6 hack */
	_right:10px;
}


/**********************************************************/
/* global_menu ********************************************/
#header_menu {
	position:absolute;
	top:80px;
	right:0;
}
#header_menu ul {
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:1px;
}
#header_menu ul li {
	list-style-type:none;
	background-image:none;
	margin:0;
	padding:0 5px 0 10px;
	display:inline;
}
#global_menu {
	width:100%;
	height:305px;
	background-image:url(images/header_bg2.jpg);
	background-position:top center;
	background-repeat:repeat-x;
	text-align:center;
}


/**********************************************************/
/* sub_menu ***********************************************/
#sub_menu_bord {
	position:absolute;
	width:250px;
	height:259px;
	top:45px;
	left:0;
	background-color:#000000;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
	background-image:url(images/bg_sub_menu_bord.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	overflow:hidden;
}
#sub_menu_lst {
	margin-top:500px;
}
#sub_menu {
	margin:10px;
	color:#FFFFFF;
	font-size:0.75em;
}
#sub_menu a {
	color:#F0F0F0;
	text-decoration:none;
}
#sub_menu a:hover {
	color:#FFFFFF;
	text-decoration:underline;;
}
#sub_menu ul {
	list-style-type:none;
	margin:0;
	padding:1em;
}
#sub_menu ul li {
	height:25px;
	background:url(images/bg_sub_li.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin:0;
	padding:0 0 0 15px;
}
#sub_index_bord { /* index.html only */
	position:absolute;
	width:300px;
	height:63px;
	top:242px;
	left:620px;
	background-image:url(images/top_banner1.png);
	background-position:top left;
	background-repeat:no-repeat;
	z-index:999;
}


/**********************************************************/
/* content ************************************************/
#top_content {
	width:945px;
	background-image:url(images/bg_top_content.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	text-align:left;
}

#pankuzu {
	margin:0;
	padding:15px 15px 0 15px;
	font-size:0.68em;
	color:#333333;
	text-align:left;
	overflow:hidden;
}

#pankuzu a {
	color:#3333FF;
}
#pankuzu a:hover {
	color:#FF3333;
}

#content {
	margin:0;
	padding:15px;
	font-size:0.68em;
	color:#333333;
	text-align:left;
	overflow:hidden;
}

#content2 {
	width:580px;
	margin:0;
	padding:0 15px 15px 15px;
	font-size:0.68em;
	color:#333333;
	text-align:left;
	overflow:hidden;
	float:left;
}

#content a,#content2 a {
	color:#3333FF;
}

#content a:hover,#content2 a:hover {
	color:#FF3333;
}

#content2 h5 {
	background-image:url(images/icon_yajirushi.jpg);
	background-position:top left;
	background-repeat:no-repeat;

	margin:20px 0 0 0;
	padding:0 0 2px 18px;
	font-size:1.15em;

	/* IE6 hack */
	_padding:3px 0 0 18px;

	color:#003399;

}

#create_date_column {
	width:100%;
	text-align:right;
	font-size:0.8em;
	margin:0;
	padding:5px 0 5px 0;
}
#create_date_content {
	float:right;
	text-align:left;
	margin:2px;
	padding:3px;
	border:1px #C9C9C9 solid;
	color:#FFFFFF;
	background-image:url(images/bg_create_date_content.jpg);
	background-color:#000000;
	background-repeat:repeat-x;
	background-position:center top;
}


/**********************************************************/
/* sub_content *******************************************/
#sub_content {
	width:300px;
	margin:0;
	padding:5px;
	font-size:0.68em;
	color:#333333;
	text-align:left;
	overflow:hidden;
	float:left;
	background-color:#FFFFFF;
	background-image:url(images/bg_sub_column.gif);
}

#sub_content a {
	color:#3333FF;
}

#sub_content a:hover {
	color:#FF3333;
}

#sub_content h6 {
	background-image:url(images/icon_point.gif);
	background-position:top left;
	background-repeat:no-repeat;

	margin:0;
	padding:0 0 2px 15px;
	font-size:1.0em;

	/* IE6 hack */
	_padding:3px 0 0 15px;

}

#sub_content_ads {
	clear:both;
	margin:0;
	padding:25px 0 3px 0;
	width:100%;
	height:625px;
	background-image:url(images/bg_sub_column_ads.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	text-align:center;
}

#sub_content ul li {
	padding:0 0 0.6em 20px;
}

#sub_content ol li {
	padding:0 0 0.6em 20px;
}


/**********************************************************/
/* footer *************************************************/
#footer {
	clear:both;
	width:100%;
	background-image:url(images/footer_bg1.jpg);
	background-position:top center;
	background-repeat:repeat-x;
	background-color:#E5E5E5;
	text-align:left;
}

#footer_menu {
	margin:0px auto;
	padding:0px;
	width:945px;
	text-align:right;
	font-size:1px;
}

#footer_menu ul {
	margin:0;
	padding:22px 0 0 0;
}

#footer_menu ul li {
	margin:0;
	padding:0;
	display:inline;
	background-image:none;
}

#footer_global_menu {
	margin:0px auto;
	padding:0px;
	width:945px;
	text-align:center;
	font-size:10px;
}

#footer_global_menu a {
	color:#0000CC;
}
#footer_global_menu a:hover {
	color:#CC0000;
}

#footer_global_menu ul {
	margin:0;
	padding:15px 0 0 0;
}

#footer_global_menu ul li {
	margin:0;
	padding:0 5px 0 0;
	display:inline;
	background:none;
}

#footer_content {
	margin:0px auto;
	padding:15px;
	width:945px;
	font-size:0.6em;
	color:#333333;
	text-align:right;
}

#footer_ads {
	margin:0
	padding:0;
	width:100%;
	height:120px;
	text-align:center;
	background-color:#003366;
	background-image:url(/images/bg_footer_ads.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	font-size:1px;
}

#footer_ads_content {
	margin:0 auto;
	padding:10px 0 10px 0;
	width:820px;
	text-align:center;
}


/**********************************************************/
/* index.html BOX *****************************************/
#box1 { /* UPDATE BOX */
	width:600px;
	margin:0px;
	padding:0px;
	float:left;
}
#box2 { /* UPDATE CONTENT */
	width:600px;
	height:300px;
	padding-top:5px;
	padding-bottom:5px;
	overflow:auto;
}
#box3 { /* RSS BTN */
	width:600px;
	padding-top:5px;
	text-align:right;
}
#box4 { /* RIGHT BANNER BOX */
	position:relative;
	margin:0 0 0 5px;
	padding:0;
	width:310px;
	height:290px;
	float:left;
}
#box5 { /* RIGHT BANNER CONTENT */
	position:absolute;
	left:0;
	top:-78px;
}


/**********************************************************/
/* Decoration *********************************************/
.blank {
	margin:0;
	padding:0 0 0 24px;
	height:20px;
	background-image:url(images/icon_link_blank.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

.line1 {
	clear:both;
	margin:0;
	padding:0;
	width:100%;
	height:30px;
	background-image:url(images/bg_top_line1.gif);
	background-position:center center;
	background-repeat:repeat-x;
	font-size:1px;
}

.line2 {
	clear:both;
	margin:10px 0 10px 0;
	padding:0;
	width:300px;
	height:50px;
	background-image:url(images/sub_column_img.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	font-size:1px;
}

.line3 {
	clear:both;
	margin:5px 0 5px 0;
	padding:0;
	width:100%;
	height:10px;
	background-image:url(images/bg_contact_line.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	font-size:1px;
}


/**********************************************************/
/* main_btn HTML "A" CODE *********************************/
a.main_btn {
	display:block;
	width:189px;
	height:23px;
	float:left;
}

li#main_btn1 a {
	background-image:url(images/main_btn1.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
li#main_btn2 a {
	background-image:url(images/main_btn2.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
li#main_btn3 a {
	background-image:url(images/main_btn3.jpg?v=2011);
	background-position:top left;
	background-repeat:no-repeat;
}
li#main_btn4 a {
	background-image:url(images/main_btn4.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
li#main_btn5 a {
	background-image:url(images/main_btn5.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

/* mouse over */

li#main_btn1 a:hover {
	background-image:url(images/main_btn1_o.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
li#main_btn2 a:hover {
	background-image:url(images/main_btn2_o.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
li#main_btn3 a:hover {
	background-image:url(images/main_btn3_o.jpg?v=2011);
	background-position:top left;
	background-repeat:no-repeat;
}
li#main_btn4 a:hover {
	background-image:url(images/main_btn4_o.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
li#main_btn5 a:hover {
	background-image:url(images/main_btn5_o.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}


/**********************************************************/
/* tooltip ************************************************/
.tooltipTrigger {
	border-bottom:1px #FFCC99 dotted;
	cursor:help;
}

.tooltip,.actionHint {
	margin:0;
	padding:2px 4px;
	border:1px solid #666666;
	background-color:#FFFFCC;
	font-size:8pt;
	color:#000000;
	z-index:100;
	/*display:none;*/
}

.tooltip h4,.actionHint h4 {
	font-size:9pt;
	background-color:#FFCC99;
	margin:-2px -4px 3px -4px;
	padding:1px 4px 1px 4px;
}

.tooltip p,.actionHint p {
	margin:0;
}

.actionHint {
	width:140px;
}


/**********************************************************/
/* trackback **********************************************/
#tburl {
	width:95%;
	background-color:#FFFFCC;
}


/**********************************************************/
/* HTML Direct CODE ***************************************/
html {
	/* Only IE */
	filter:expression(document.execCommand("BackgroundImageCache", false, true));

	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS P Gothic","Osaka",Verdana,Arial,Helvetica,sans-serif;

	margin:0 auto;
	padding:0;
	width:100%;

	background-color:#E5E5E5;

}

body {
	margin:0 auto;
	padding:0;
	width:100%;
	background-color:#FFFFFF;
}

h1.title {
	display:none;
}
h2 {
	margin:0;
	padding:0;
	font-size:1.75em;
}
h3 {
	margin:0;
	padding:0;
	font-size:1.3em;
}
h4 {
	background-image:url(images/icon_isp.gif);
	background-position:top left;
	background-repeat:no-repeat;

	height:34px;

	margin:15px 0 0 0;
	padding:8px 0 0 34px;
	font-size:1.25em;
	color:#003399;
}
h5 {
	margin:0;
	padding:20px 0 5px 0;
	font-size:1.0em;
}
h6 {
	margin:0;
	padding:0;
	font-size:1.0em;
}

img {
	border:none;
}

p {
	margin:0;
	padding:0.55em 0 0.55em 0;
	line-height:1.5em;
}

ol {
	margin:0 0 0 2em;
	padding:1em;
}

ul {
	list-style-type:none;
	margin:0;
	padding:1em;
}

ul li {
	background-image:url(images/bg_li.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin:0;
	padding:0 0 1em 20px;
	line-height:1.25em;
}

ol li {
	margin:0;
	padding:0 0 1em 0;
	line-height:1.25em;
}

fieldset {
	clear:both;
	padding:5px;
}

address{
	font-style:normal
}


/**********************************************************/
/* TABLE Direct CODE **************************************/
table {
	margin:0;
	padding:0;
	border:solid 1px #EEEEEE;
}
tbody {
	margin:0;
	padding:0;
}
tr {
	margin:0;
	padding:0;
}
th {
	margin:0;
	padding:2px 5px 2px 5px;
	background-color:#EFEFEF;
	border-top:solid 1px #FFFFFF;
	border-bottom:solid 1px #E0E0E0;
	border-left:solid 1px #FFFFFF;
	border-right:solid 1px #E0E0E0;
}
td {
	margin:0;
	padding:2px 5px 2px 5px;
	border-top:solid 1px #FFFFFF;
	border-bottom:solid 1px #E0E0E0;
	border-left:solid 1px #FFFFFF;
	border-right:solid 1px #E0E0E0;
}


/**********************************************************/
/* Other CODE *********************************************/
.yen {
	font-size:18pt;
	font-wait:bold;
	color:#CC0000;
	font-style:italic
}


/**********************************************************/
/* lightbox CODE ******************************************/
#lightbox{	position:absolute;	left:0; width:100%; z-index:100; text-align:center; line-height:0;}
#lightbox img{ width:auto; height:auto;}
#lightbox a img{ border:none;}
#outerImageContainer{ position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto;}
#imageContainer{ padding:10px; }
#loading{ position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0;}
#hoverNav{ position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; }
#imageContainer>#hoverNav{ left:0;}
#hoverNav a{ outline:none;}
#prevLink, #nextLink{ width:49%; height:100%; background-image:url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display:block; }
#prevLink { left:0; float:left;}
#nextLink { right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover { background:url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background:url(/images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%;}
#imageData{	padding:0 10px; color:#666; }
#imageData #imageDetails{ width:70%; float:left; text-align:left; }
#imageData #caption{ font-weight:bold;	}
#imageData #numberDisplay{ display:block; clear:left; padding-bottom:1.0em;	}
#imageData #bottomNavClose{ width:66px; float:right;  padding-bottom:0.7em; outline:none;}
#overlay{ position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000; }


/**********************************************************/
/* print out **********************************************/
@media print {

	html {
		/* Only IE */
		filter:expression(document.execCommand("BackgroundImageCache", false, true));

		font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS P Gothic","Osaka",Verdana,Arial,Helvetica,sans-serif;
		margin:0 auto;
		padding:0;
		width:100%;
		background-color:#FFFFFF;
		background-image:none;
	}

	body {
		margin:0 auto;
		padding:0;
		width:100%;
		background-color:#FFFFFF;
		background-image:none;
	}

	#header {
		display:none;
	}

	#pankuzu {
		display:none;
	}

	#top_content {
		background-image:none;
	}

	#content2 {
		width:945px;
	}

	#sub_menu_bord,#global_menu,#contact_column,#sub_content,#footer,#footer_ads{
		display:none;
	}

	#bg1,#bg2,#bg3,#bg4,#bg5 {
		background-image:none;
	}

}

