@charset "utf-8";


/*------------------------------------------------
	pannavi
--------------------------------------------------*/
#pannavi {
	width: 960px;
	font-size: 80%;
	text-align: left;
	margin: 20px auto;
	}


/*------------------------------------------------
	basic style
--------------------------------------------------*/
h2 {
	width: 960px;
	text-align: left;
	margin: 0px auto;
	}

#sub_main_contents h3 { margin: 20px 0px 20px 0px; }
#sub_main_contents h4,
#sub_main_contents h5 { margin: 20px 0px 15px 0px; }

#sub_main_contents h6 {
	font-size: 100%;
	font-weight: bold;
	line-height: 1.6;
	margin: 15px 0px;
	}

#sub_main_contents p,
#sub_main_contents ul,
#sub_main_contents ol {
	line-height: 1.6;
	margin: 15px 0px 10px 0px;
	}

#sub_main_contents ul li {
	list-style-type: disc;
	margin-left: 15px;
	}


/*------------------------------------------------
	sub_main_contents
--------------------------------------------------*/
#sub_main_contents {
	float: right;
	width: 680px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#sub_main_contents .inner { padding: 0px 0px 30px 0px; }

#sub_main_contents .divide {
	background-image: url(../images/dotline01.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	}


/*------------------------------------------------
	tabmenu
--------------------------------------------------*/
#sub_main_contents .tabArea ul.tab {
	width: 680px;
	height: 40px;
	margin: 0px;
	position: relative;
	}
#sub_main_contents .tabArea ul.tab li {
	list-style: none;
	margin: 0px;
	}

#sub_main_contents .tabArea ul.tab2 img {
	width: 345px;
	position: absolute;
	top: 0px;
	}
#sub_main_contents .tabArea ul.tab3 img {
	width: 233px;
	position: absolute;
	top: 0px;
	}
#sub_main_contents .tabArea ul.tab2 li.trigger1 img { left: 0px; }
#sub_main_contents .tabArea ul.tab2 li.trigger2 img { right: 0px; }
#sub_main_contents .tabArea ul.tab3 li.trigger1 img { left: 0px; z-index: 30; }
#sub_main_contents .tabArea ul.tab3 li.trigger2 img { left: 223px; z-index: 20; }
#sub_main_contents .tabArea ul.tab3 li.trigger3 img { right: 0px; z-index: 10; }
#sub_main_contents .tabArea ul.tab li img.active { z-index: 100; }

#sub_main_contents .tabArea .tabPanel {
	width: 680px;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	margin-bottom: 30px;
	}

#sub_main_contents .tabArea .inner { padding: 1px 19px 30px 19px; }


/*------------------------------------------------
	pageup
--------------------------------------------------*/
.pageup {
	clear: both;
	text-align: right;
	}


/*------------------------------------------------
	contents_menu
--------------------------------------------------*/
#contents_menu {
	float: left;
	width: 230px;
	}

#contents_menu li {
	background-image: url(../images/contents_menu_bk.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	padding-bottom: 1px;
	}
#contents_menu li.divide {
	background-image: none;
	border-bottom: 1px solid #dedede;
	}

#contents_menu li li {
	background-image: url(../images/contents_menu_list.gif);
	background-position: 0px 4px;
	background-repeat: no-repeat;
	padding-left: 15px;
	margin: 3px 0px 8px 10px;
	}


/*------------------------------------------------
	style for style
--------------------------------------------------*/
.t_center { text-align: center; }
.t_right { text-align: right; }

#sub_main_contents .notice { color: #666666; }
