
/* ----------------------------------------------------------- */ 
* {
    margin:0;   
    padding:0;   
} 

body { 
	margin: 0; 
	padding: 0; 
	font-size: 12px; 
	font-family: "ＭＳ Ｐゴシック", "ＭＳ ゴシック", Osaka, Osaka-等幅, Verdana, Arial, Helvetica, sans-serif; 
	line-height: 140%;
	color: #333333; 
	background: #ffffff;
	text-align:center;
}

html {
    overflow-y:scroll;   
}
 
H1 {
	font-size: 11px; font-weight : normal; line-height: 150%; text-align: right; margin: 8px 0px 5px 0px;
}

H2 {
	font-size: 12px; font-weight : normal; line-height: 135%; margin: 5px 0px 5px 20px;
}

H3 {
	font-size: 12px; font-weight : normal; margin: 0px;
}

td { font-family: "ＭＳ Ｐゴシック", "ＭＳ ゴシック", Osaka, Osaka-等幅, Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; line-height: 140%}

/*@---------------------------------------------------------- */
strong {
	font-weight : normal;
}
em {
	font-size: 12px; font-style : normal;
}
img {
	border:0;
}
dl {
	list-style-type: none;
}

/*
 Link Color [
----------------------------------------------------------- */
a {  text-decoration: none}
a:link {color: #0000CC}
a:visited { }
a:hover { COLOR: #FF9900; TEXT-DECORATION: underline}
a:active { }

li a:link { COLOR: #000000}
li a:visited { COLOR: #000000}
li a:hover { COLOR: #FF9900; TEXT-DECORATION: underline}

a.footer:link { COLOR: #ffffff; TEXT-DECORATION: none}
a.footer:visited { COLOR: #ffffff}



/*---------------------------------------------------------- */
#wrapper {
	width: 800px; height: auto;
}

/*head---------------------------------------------------------- */
#header {
	width: 800px; height: 260px; background: url(../images/head/h_pro_img02.jpg) repeat-x; margin-bottom: 13px;
}
#header #logo {
	float: left; width: 165px; height: 69px;
	clear: both; 
}
#header #logo2 {
	float: left; width: 620px; height: 69px; text-align: right; font-size: 11px; 
	padding: 0px 0px 0px 0px; color:#CCFFFF;
}
#header #copy {
	width: 796px; border:solid #000000; border-width: 2px 2px 2px 2px; height: 187px; 
	background: url(../images/head/h_img03.jpg) right no-repeat; text-align: left; 
}
#header #copy01 {
	width: 796px; border:solid #000000; border-width: 2px 2px 2px 2px; height: 187px; 
	background: url(../images/head/h_pro_img03_1.jpg) right no-repeat; text-align: left; 
}
#header #copy02 {
	width: 796px; border:solid #000000; border-width: 2px 2px 2px 2px; height: 187px; 
	background: url(../images/head/h_pro_img03_2.jpg) right no-repeat; text-align: left; 
}
#header #copy03 {
	width: 796px; border:solid #000000; border-width: 2px 2px 2px 2px; height: 187px; 
	background: url(../images/head/h_pro_img03_3.jpg) right no-repeat; text-align: left; 
}
#header #copy04 {
	width: 796px; border:solid #000000; border-width: 2px 2px 2px 2px; height: 187px; 
	background: url(../images/head/h_pro_img03_4.jpg) right no-repeat; text-align: left; 
}
#header #copy05 {
	width: 796px; border:solid #000000; border-width: 2px 2px 2px 2px; height: 187px; 
	background: url(../images/head/h_pro_img03_5.jpg) right no-repeat; text-align: left; 
}
*.copy_h01 {
	margin: 5px 0px 3px 15px; 
}
*.copy_h02 {
	width: 375px; height: auto; font-size: 12px; font-weight: bold; line-height: 140%; 
	margin: 5px 0px 5px 15px;
}

/*main_w--------------------------------------------------------- */
#main_w {
	width:800px;
	background:url(../images/contents/back_img.gif) repeat-y left top;   
	}

/*left--------------------------------------------------------- */
#left_menu { 
	float: left; width: 170px; height: auto; background: #c5ceef; margin: 0px;
}
#left_menu UL {
	 width: 170px; list-style-type: none;
}

/*---------------------------------------------------------- */
.left_m_150w { font-size: 11px; line-height: 110%; width: 150px; text-align: left;}
.left_m_124_29ma { width: 124px; text-align: left; margin-left: 29px;}

/*main--------------------------------------------------------- */
#main_menu {
	float: right; width: 620px; height: auto; border:solid #4747c6; border-width: 4px 0px 0px 2px;
}

.topicPath {
	width: 620px; height: 30px; margin: 0px 0px 15px 0px; text-align: left; font-size: 12px; 
	font-family: Verdana, "ＭＳ Ｐゴシック", "ＭＳ ゴシック", Osaka, Osaka-等幅, Arial, Helvetica, sans-serif;
	font-weight : bold; border:solid #4747c6; border-width: 0px 0px 2px 0px;
}
#topicPath_01 {
	color: #000000;
	margin:8px 0PX 8px 15px;
}
#topicPath_01 li {
	display:inline;
	line-height:110%;
	list-style-type:none;
}
#topicPath_01 li a {
	padding-right:15px;
	background:url(../images/top_main/navipath.gif) no-repeat right center; color: #FF8B3E;
}
	
#pro_left {
	float: left; width: 290px; height: auto; margin-left: 5px;
}
#pro_right {
	float: right; width: 310px; height: auto; margin: 0px; text-align: left;
}

.pro_no {
	font-size: 28px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 140%; 
	font-weight: bold; padding: 10px 0px; margin: 0px; color: #000000;
}
.pro_copy {
	font-size: 12px; line-height: 150%; margin: 5px 0px; color: #000000;
}
.pro_blu12b {
	font-size: 12px; line-height: 140%; font-weight: bold; text-align: center; 
	padding: 3px 5px; margin: 15px 0px 7px 0px; background: #c5ceef; color: #000000;
}
.pro_blu12b2 {
	font-size: 12px; line-height: 140%; font-weight: bold; text-align: center; 
	padding: 3px 5px; margin: 0px 0px 7px 0px; background: #c5ceef; color: #000000;
}
.pro_gray12b {
	font-size: 12px; line-height: 140%; font-weight: bold; text-align: center; 
	padding: 3px 5px; margin: 20px 0px 7px 0px; background: #cccccc; color: #000000;
}
.pro_blu14b {
	font-size: 14px; line-height: 140%; font-weight: bold; text-align: center; 
	padding: 3px 5px; margin: 25px 0px 10px 5px; background: #c5ceef; color: #000000;
}

#pro_610m10 {
	width: 610px; margin: 20px 0px 0px 10px; text-align: left; 
}
.pro_lineup {
	float: left; margin: 0px 7px 10px 0px; width: 194px;
}
.pro_lineup dt {
	color: #4444FF
}
.pro_lineup p {
	color: #4444FF
}

#pro_spec div {
	width: 585px; font-size: 12px; line-height: 150%; 
	border:solid #000000; border-width:1px; 
	padding:10px; margin: 0px 0px 10px 0px;
	clear: both; 
}
#pro_spec dt {
	float: left; width: 12em;
}
#pro_spec dd {
	margin-left: 12em;
}
.pro_h252 {
	margin: 257px 0px 0px 0px; 
}



/*guidance--------------------------------------------------------- */


#gude_left_120 {
	float: left; width: 120px; height: auto; line-height: 150%; margin-left: 5px; margin-top: 30px;
}
#gude_right_460 {
	float: right; width: 460px; height: auto; line-height: 150%; margin: 0px; text-align: left;  margin-top: 30px;
}

#gude_right_460 p {
	padding: 0.8em 0em;
}

.gude_gray14bm20 {
	font-size: 14px; line-height: 140%; font-weight: bold; text-align: center; 
	padding: 3px 5px; margin: 20px 0px 7px 0px; background: #cccccc; color: #000000;
}
.gude_gray14b {
	font-size: 14px; line-height: 140%; font-weight: bold; text-align: center; 
	padding: 3px 5px; margin: 0px; background: #cccccc; color: #000000;
}
.gude_blu14bm10 {
	font-size: 14px; line-height: 140%; font-weight: bold; text-align: left; 
	padding: 3px 5px; background: #7174FF; color: #ffffff;
	margin: 20px 0px 0px 5px; 
}

#law div {
	font-size: 12px; line-height: 150%; 
	border-bottom: solid 1px #000000;
	text-align: left; 
	clear: both; 
}
#law dt {
	float: left; width: 14em;
	border-top:solid 1px #000000;
	padding: 5px;
}
#law dd {
	margin-left: 14em;
	border-left: solid 1px #000000;
	border-top: solid 1px #000000;
	padding: 5px 5px 5px 10px;
}

/*delete--------------------------------------------------------- */
.pro_solid {
	width: 580px; font-size: 12px; line-height: 150%; border:solid #000000; border-width:1px; 
	padding:10px; margin: 0px 0px 10px 0px;
}
.pro_specify_l {
	float: left; width: 140px; height:auto; clear: both;
}
.pro_specify_m160 {
	height:auto; margin: 0px 0px 0px 160px;
}


.right_box { width: 152px; height: auto; margin: 0px 0px 10px 0px; background: #ccffff;}
.right_copy { font-size: 11px; line-height: 110%; width: 135px; text-align: left; margin: 5px 0px 5px 0px;}

.blu_px16b {
	font-size: 16px; line-height: 140%; font-weight: bold; text-align: left; padding: 3px 5px 3px 10px;
	margin: 0px; background: #6666FF; color: #ffffff;
}
.pink_px16b {
	font-size: 16px; line-height: 140%; font-weight: bold; text-align: left; padding: 3px 5px 3px 10px;
	margin: 0px; background: #FF6699; color: #ffffff;
}
.purple_px16b {
	font-size: 16px; line-height: 140%; font-weight: bold; padding: 3px 5px 3px 10px;
	margin: 0px; background: #9999FF; color: #ffffff;
}
.px11_m3 {
	font-size: 11px;
	margin-bottom: 3px; color: #666666;
}


table.deco_bk {
	border-collapse: collapse;
	border-top: 1px solid #000000; border-right: 1px solid #000000; 
	border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-spacing: 1px;
}
table.deco_bk th {
	background-color:#cccccc;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	text-align: center; padding:3px; 
}
table.deco_bk td {
	background-color:#ffffff;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	line-height: 150%; 
	text-align: center; 
	vertical-align: middle;
	padding: 5px; 
}



/*menu--------------------------------------------------------- */

#co_m { 
	width: 153px; height: auto; margin: 0px; padding: 0px;
	}
	
#co_m ul {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; width: 153px; padding-top: 0px; list-style-type: none; height: auto;
	}
#co_m li#home {
	background: url(../images/contents/co_a_01.gif) no-repeat; width: 153px;   margin-top: 5px; text-indent: -9999pt; height: 31px; overflow:hidden;
	}
#co_m li#home a:hover {
	background: url(../images/contents/co_b_01.gif) no-repeat; 
	}
#co_m li#home a {
	display: block; width: 153px; list-style-type: none; height: 31px;
	}

#co_m li#mp3 {
	background: url(../images/contents/co_a_02.gif) no-repeat; width: 153px; margin-top: 10px; text-indent: -9999pt; height: 31px; overflow:hidden;
	}
#co_m li#mp3 a:hover {
	background: url(../images/contents/co_b_02.gif) no-repeat
	}
#co_m li#mp3 a {
	display: block; width: 153px; list-style-type: none; height: 31px;
	}

#co_m li#order {
	background: url(../images/contents/co_a_03.gif) no-repeat; width: 153px; margin-top: 10px; text-indent: -9999pt; height: 31px; overflow:hidden;
	}
#co_m li#order a:hover {
	background: url(../images/contents/co_b_03.gif) no-repeat
	}
#co_m li#order a {
	display: block; width: 153px; list-style-type: none; height: 31px;
	}
	
#co_m li#after {
	background: url(../images/contents/co_a_04.gif) no-repeat; width: 153px; margin-top: 10px; text-indent: -9999pt; height: 31px; overflow:hidden;
	}
#co_m li#after a:hover {
	background: url(../images/contents/co_b_04.gif) no-repeat
	}
#co_m li#after a {
	display: block; width: 153px; list-style-type: none; height: 31px;
	}
	
#co_m li#privacy {
	background: url(../images/contents/co_a_05.gif) no-repeat; width: 153px; margin-top: 10px; text-indent: -9999pt; height: 31px; overflow:hidden;
	}
#co_m li#privacy a:hover {
	background: url(../images/contents/co_b_05.gif) no-repeat
	}
#co_m li#privacy a {
	display: block; width: 153px; list-style-type: none; height: 31px;
	}	
	
#co_m li#law {
	background: url(../images/contents/co_a_06.gif) no-repeat; width: 153px; margin-top: 10px; text-indent: -9999pt; height: 31px; overflow:hidden;
	}
#co_m li#law a:hover {
	background: url(../images/contents/co_b_06.gif) no-repeat
	}
#co_m li#law a {
	display: block; width: 153px; list-style-type: none; height: 31px;
	}
		
#co_m li#other {
	background: url(../images/contents/co_a_07.gif) no-repeat; width: 153px; margin-top: 10px; text-indent: -9999pt; height: 31px; overflow:hidden;
	}
#co_m li#other a:hover {
	background: url(../images/contents/co_b_07.gif) no-repeat
	}
#co_m li#other a {
	display: block; width: 153px; list-style-type: none; height: 31px;
	}
		
#co_m li#mobile {
	background: url(../images/contents/co_a_08.gif) no-repeat; width: 153px; margin-top: 10px; margin-bottom: 5px; text-indent: -9999pt; height: 31px; overflow:hidden;
	}
#co_m li#mobile a:hover {
	background: url(../images/contents/co_b_08.gif) no-repeat
	}
#co_m li#mobile a {
	display: block; width: 153px; list-style-type: none; height: 31px;
	}
				
#co_m li#link {
	background: url(../images/contents/co_a_09.gif) no-repeat; width: 153px; margin-top: 10px; text-indent: -9999pt; height: 31px; overflow:hidden;
	}
#co_m li#link a:hover {
	background: url(../images/contents/co_b_09.gif) no-repeat
	}
#co_m li#link a {
	display: block; width: 153px; list-style-type: none; height: 31px;
	}
	
#co_m li#links {
	background: url(../images/contents/co_a_10.gif) no-repeat; width: 153px; margin-top: 10px; text-indent: -9999pt; height: 31px; overflow:hidden;
	}
#co_m li#links a:hover {
	background: url(../images/contents/co_b_10.gif) no-repeat
	}
#co_m li#links a {
	display: block; width: 153px; list-style-type: none; height: 31px;
	}
	
#co_m li#about_links {
	background: url(../images/contents/co_a_11.gif) no-repeat; width: 153px; margin-top: 10px; text-indent: -9999pt; height: 31px; overflow:hidden;
	}
#co_m li#about_links a:hover {
	background: url(../images/contents/co_b_11.gif) no-repeat
	}
#co_m li#about_links a {
	display: block; width: 153px; list-style-type: none; height: 31px;
	}

/*---------------------------------------------------------- */
*.float49 { float: left; width: 49%;}
*.floatclear { clear: both;}

/*相対位置---------------------------------------------------------- */
span.sample2 {color:#ff0000; position:relative; top:10px; left:10px }
/*絶対位置---------------------------------------------------------- */
span.sample3 { position:absolute; top:26px; left:20px }


/*footer---------------------------------------------------------- */
#footer {
	width: 800px; font-family: Verdana,Helvetica,Arial; font-size: 11px; 
	background: #4747c6;  padding: 3px 0px; margin: 15px 0px 0px 0px; color:#ffffff;
}

/*--------------------------------------------------------- */

.px10 {  font-size: 10px; line-height: 120%}
.box_14_m10 { font-size: 14px; margin: 20px;}
.m_r4 { margin-right: 4px;}
.m_r30 { margin-right: 30px;}

/*グループリンク
---------------------------------------------------------- */
.m_left5{
	margin-left: 5px;
	text-align: left; 
	}
.lb_copy{
	width: 148px;
	margin-left: 5px;
	text-align: center; 
	font-size: 10px;
	font-family: "ＭＳ Ｐゴシック", "ＭＳ ゴシック", Osaka, Osaka-等幅, Verdana, Arial, Helvetica, sans-serif; 
	line-height: 130%; 
	margin-bottom: 7px;
	}	


/* 関連リンクサイト
------------------------------------------------------------------*/

div.links_title {
	pading:5px;
	margin-top:80px;
	margin-bottom:15px;
	background-color:#cccccc;
	text-align:center;
	}
	
div.links {
	background-color:#eeeeee;
	padding-top:10px;
	height:82px;
	margin-bottom:20px;
	text-align:center;
	}	

	
.f_bold {
	font-weight:bold;
	}

.f_14 {
	font-size:14px;
	}
	
.f_black {
	color:#000000;
	}
	
.f_cancel {
	text-decoration:line-through;
	}
	
.f_red {
	color:#FF0000;
	}




