﻿/*
Made by : Flashdaweb Team flashdaweb.com
License: Creative common.
Date: 01.09.2008
*/

/*   general declaration 
----------------------------*/
body {
font-size:90%; line-height:130%; background-color:#fff;
color:#000000;
font-family:Verdana,sans-serif;
font-size:0.75em;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;

}

* {margin:0px;padding:0px;}

a img {border: none;}

a {color: #0057B1;}

a:hover {text-decoration: none;}



h1{color:#191970;}
h2{color:#191970;}
h3{color:#191970;}
h4{color:#191970;}

h1
{
	font-size:1.5em;
	margin-bottom: 15px;
   }
h2{font-size:1.3em;}
h3{font-size:1.2em;}
h4{font-size:1.1em;}

ul{	padding-left:20px;list-style:circle;list-style-image:url('../image/li.gif');}
	
.clear_left{clear:left;display:block;height:0px; line-height:0;}

p {line-height:1.3em; margin-bottom:6px;}

fieldset {
	margin-top:10px;
	padding:0px 10px 10px 20px;
	}

fieldset legend
{
	padding:0px 10px 5px 5px;
}

fieldset * 
{
	line-height:1.7em;
}

dl {  
 margin:10px 0 0 0;
}

dt {  
 float:left;  
 margin-right: 10px;
 font-weight:bold;  
 clear:both;  
}

dd {  
} 


/* template declaration start
----------------------------------*/

#container{margin:0px auto;width:975px; font-size:1.083em;} /* this width is width of whole page */

/*tope menu declaration start in header 
------------------------------------------*/
#top_menu
{
	background:#F1F4F8  url('../image/topmenu_bg.png') repeat-x scroll;
	height:26px;	
	margin-left:648px;	
	position:relative;
	color:#3F598B;
}

#top_menu ul
{
	background:url('../image/topmenu_bg_left.png') no-repeat scroll left;
	/*float:left;*/
    height: 26px;
    padding-left:10px;
    
}

#top_menu ul
{
	display:block;
	list-style-type:none;
	list-style-image:none;
	font-size:1em;
	margin:0px auto;
}
#top_menu li
{
	float:left;
	margin: 3px 5px;
}

#topmenu_container
{
	background:url('../image/topmenu_bg_right.png') no-repeat scroll right;
   	height:26px;   
}

#logo
{
	width: 353px; height: 77px;
}
#logo span
{
	display:none;
}

#primary_menu
{
	background: #ffffff url('../image/pmenu_bg.png') no-repeat;
	margin: 0px auto; height: 68px; width: 975px;
}

#pm_main
{
	padding-left:20px;
	height: 38px;
}
#pm_sub ul
{
	list-style-type:none;
	list-style-image:none;

}
#pm_main ul
{
	list-style-type:none;
	list-style-image:none;

}
#pm_main li
{
	float:left;
	margin:2px 10px 0 0;
	background:url('../image/pm_sep.png') no-repeat scroll right;
	padding:0px 10px 0 0;
	text-align:center;
	vertical-align:middle;
	height: 34px;
	margin-top:2px;
}

#pm_main li a
{
	color:#fff;
	display:block;
	height: 34px;
	float:left;
	
	
}
#pm_main li a:hover
{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:1.1em;
	
}

#pm_main li a
{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:1.1em;
	
}

#pm_main li a:hover
{
	background:url('../image/tab_bg_active.png') no-repeat scroll right top;
}

#pm_main li a:hover b
{
	background:url('../image/tab_bg_active_left.png') no-repeat scroll left top;
}

#pm_main li.active a
{
	background:url('../image/tab_bg_active.png') no-repeat scroll right top;
}

#pm_main li.active a b
{
	background:url('../image/tab_bg_active_left.png') no-repeat scroll left top;
}

#pm_main li a b
{
	padding:0 10px;
	display:block;
	padding-top: 7px;
}
#pm_sub
{
	float:right;
	margin-right:10px;
}
#pm_sub li
{
	float:left;
	margin:2px 5px;
	
}

#pm_sub li a
{
	color:#E0E7EF;
	font-weight:bold;
	font-size:1em;
}



#pagemenu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font-family:verdana,geneva,arial,helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	color:8e8e8e;
	}
#pagemenu ul{
	background:url(../image/menu-bg.gif) top left repeat-x;
	height:43px;
	list-style:none;
	margin:0;
	padding:0;
	}
	#pagemenu li{
		float:left;
		padding:0px 8px 0px 8px;
		}
	#pagemenu li a{
		color:#666666;
		display:block;
		font-weight:bold;
		line-height:43px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none;
		}
		#pagemenu li a:hover{
			color:#000000;
			text-decoration:none;
			}
	#pagemenu li ul{
		background:#e0e0e0;
		border-left:2px solid #0079b2;
		border-right:2px solid #0079b2;
		border-bottom:2px solid #0079b2;
		display:none;
		height:auto;
		filter:alpha(opacity=95);
		opacity:0.95;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	#pagemenu li:hover ul{
		display:block;
		}
	#pagemenu li li {
		display:block;
		float:none;
		padding:0px;
		width:225px;
		}
	#pagemenu li ul a{
		display:block;
		font-size:12px;
		font-style:normal;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		#pagemenu li ul a:hover{
			background:#949494;
			color:#000000;
			opacity:1.0;
			filter:alpha(opacity=100);
			}
	#pagemenu p{
		clear:left;
		}	
	#pagemenu #pmcurrent{
		background:url(../image/current-bg.gif) top left repeat-x;
		color:#ffffff;
		}

	#pagemenu #pmcurrent a{
		color:#ffffff;
		}

	#pagemenu #pmcurrent li a{
		color:#000000;
		}
		

/* meanu declaration end*/


/* content area start 
-----------------------*/
#conent
{
	margin:20px 0;
	padding:0px;
	text-align:justify;
}
.left_col
{
	/*float:left;
	*/
	width:666px;
	min-height:300px;
	margin-left:0px;
}

.right_col
{
	float:right;
	min-height:200px;
	width:300px;
}

.right_col dl {  
 margin:10px 0 0 0;
 width: 200px;
}


/* Footer declaration Start */
#footer-note
{
	font-size:0.9em;
	color:#808080;
}

#footer
{
	background:#fff url('../image/bot_bg.png') no-repeat scroll right top;
	width:100%;
	min-height:5px;
	margin-bottom:50px;

}
#copyright
{
	float:right;
	font-size:0.9em;
	margin-top:5px;
}
#poweredby
{
	clear:both;
	float:right;
	font-size:0.9em;
	margin-top:5px;

}


/* design boxes declaration start 
-----------------------------------*/

/* Design box #1 */
.db1
{
	position:relative;
	margin-bottom: 20px;
}
.db1 .db1_title
{
	float:none;
	background:#fff url('../image/db1_title_bg.png') repeat-x;
	border-right:1px solid #E8E8E8;
	height:34px;
}

.db1 .db1_title h3
{
	height:27px;
	background:url('../image/db1_title_bg_left.png') no-repeat scroll top left;
	display:block;
	padding-top: 7px; 
	padding-left: 20px;	
}

.db1 .db1_content
{
	background:#fff url('../image/db1_content_bg.png') no-repeat scroll top right;
}
.db1  .db1_container 
{
	background: url('../image/db1_content_bg.png') no-repeat scroll top left;
	padding: 10px;
	position:relative;
}


/* design box 2*/

.db2
{
	margin:10px 0;

} 
/**/
.db2_content
{
	background:#fff url('../image/db2_content_bg_right.png') repeat-y scroll right;
	position:relative;
}

.db2_content_container
{
	background:url('../image/db2_content_bg_left.png') repeat-y scroll left;
	padding: 0px 10px 0px 10px;
	position:relative;
}



.db2_content h3
{
border-bottom:1px solid #E0E1E1;
margin:0  5px 10px 5px;
padding:0px 5px 5px 10px;
}

.bd2_top
{
	background:url('../image/db2_bg_right.png') no-repeat scroll right top;
	height:10px;
	line-height:0;
	font-size:1px;
}
.bd2_top_content
{
	background:url('../image/db2_bg_left.png') no-repeat scroll left top;
	height:10px;
	line-height:0;
	font-size:0px;
}
.bd2_bot
{
	background:url('../image/db2_bg_right.png') no-repeat scroll right bottom;
	height:10px;font-size:1px;
}

.bd2_bot_content
{
	background:url('../image/db2_bg_left.png') no-repeat scroll left bottom;
	height:10px;font-size:1px;
	line-height:0;
}


/* design box 3*/

.db3
{
	margin:10px 0;
}
.db3_content
{
	background:#ebf3fa;
	border-left:1px solid #b1c9d9;
	border-right:1px solid #b1c9d9;
	padding: 0px 10px;
}

.db3_content h3
{
border-bottom:1px solid #b1c9d9;
margin:0  5px 10px 5px;
padding:0px 5px 5px 10px;
}

.bd3_top
{
	background:url('../image/db3_bg_right.gif') no-repeat scroll right top;
	height:10px;
	line-height:0;
	font-size:1px
}
.bd3_top_content
{
	background:url('../image/db3_bg_left.gif') no-repeat scroll left top;
	height:10px;
	line-height:0;
	font-size:1px
}
.bd3_bot
{
	background:url('../image/db3_bg_right.gif') no-repeat scroll right bottom;
	height:10px;font-size:1px
}

.bd3_bot_content
{
	background:url('../image/db3_bg_left.gif') no-repeat scroll left bottom;
	height:10px;font-size:1px
}

.db3_content
{
	background:#ebf3fa;
	border-left:1px solid #b1c9d9;
	border-right:1px solid #b1c9d9;
	
	padding: 0px 10px;
}

.db3_content h3
{
border-bottom:1px solid #b1c9d9;
margin:0  5px 10px 5px;
padding:0px 5px 5px 10px;
}

.bd3_top
{
	background:url('../image/db3_bg_right.gif') no-repeat scroll right top;
	height:10px;
	line-height:0;
	font-size:1px;	line-height:0;
}
.bd3_top_content
{
	background:url('../image/db3_bg_left.gif') no-repeat scroll left top;
	height:10px;
	line-height:0;
	font-size:1px;	line-height:0;
}
.bd3_bot
{
	background:url('../image/db3_bg_right.gif') no-repeat scroll right bottom;
	height:10px;font-size:1px;	line-height:0;
}

.bd3_bot_content
{
	background:url('../image/db3_bg_left.gif') no-repeat scroll left bottom;
	height:10px;font-size:1px;	line-height:0;
}

/* design box 4*/

.db4
{
	margin:10px 0;
} 
.db4_content
{
	background:#FAFAFA;
	border-left:1px solid #E0E1E1;
	border-right:1px solid #E0E1E1;
	
	padding: 0px 10px;
}

.db4_content h3
{
border-bottom:1px solid #E0E1E1;
margin:0  5px 10px 5px;
padding:0px 5px 5px 10px;
}

.bd4_top
{
	background:url('../image/db4_bg_right.png') no-repeat scroll right top;
	height:10px;
	line-height:0;
	font-size:1px;
	line-height:0;
}
.bd4_top_content
{
	background:url('../image/db4_bg_left.png') no-repeat scroll left top;
	height:10px;
	line-height:0;
	font-size:1px;
	line-height:0;

}
.bd4_bot
{
	background:url('../image/db4_bg_right.png') no-repeat scroll right bottom;
	height:10px;font-size:1px;	line-height:0;
}

.bd4_bot_content
{
	background:url('../image/db4_bg_left.png') no-repeat scroll left bottom;
	height:10px;font-size:1px;
}

/*******************
３カラム
*******************/
#three-column-container {
	width:100%;
	margin:10px 0px;
	text-align:justify;
	}

#three-column-left {
	float:left;
	width:30%
	}

#three-column-right {
	float:right;
	width:30%
	}

#three-column-middle {
	width:30%;
	margin:0px 32% 0px 35%
	}

/******************
PAGER
******************/
.PAGER {
	text-align:center;
	margin:20px 0px 20px 0px;
	font-family:sans-serif;
	}

.PAGER .page-num
{
	border:1px solid;
	padding: 3px;
}

.PAGER a:hover
{
	color:#FFFFFF;
	background-color:#00CED1;
	font-weight:bold;
}

/******************
TABLE STYLES
******************/
	
.table td {
	padding:4px;
	}

.comptable td {
	padding:2px 1px 2px 1px;
	}

.source-info
{
	margin:0 0 10px 0;font-size:80%; color:#A9A9A9;
	line-height: 1.3em;
}

#navCircle {
        margin: 0;
        padding: 0 0 20px 10px;
        border-bottom: 1px solid #9FB1BC;
}

#navCircle li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
}

#navCircle a:link, #navCircle a:visited {
        float: left;
        line-height: 14px;
        font-weight: bold;
        padding: 0 12px 6px 12px;
        text-decoration: none;
        color: #708491;
}

#navCircle a:link.active, #navCircle a:visited.active, #navCircle a:hover {
        padding-bottom: 6px;
        color: #000;
        background: url(../image/Circle.gif) no-repeat bottom center;
}

#navcontainer {
        background: #369;
        border-top: 1px solid #9CC;
        font: normal normal normal Verdana, Geneva, Arial, Helvetica, sans-serif;
        margin: 25px 10px 10px 10px;
}

#navlist {
        list-style: none outside none;
        margin: 0;
        padding: 0;
}

@media all {
        #navlist {
                text-align: center
        }
}

#navlist li {
        bottom: 11px;
        display: inline;
        line-height: 1.2em;
        margin: 0;
        padding: 0;
        position: relative;
}

html>body #navlist li {
        background: #000;
        margin: 0 3px 0 0;
        padding: 4px 0px 4px 0;
}

#navlist a, #navlist a:link, #navlist a:visited {
        background: #900;
        border: 1px solid #FFF;
        bottom: 2px;
        color: #FFF;
        cursor: pointer;
        display: inline;
        height: 1em;
        margin: 0;
        padding: 3px 5px 3px 5px;
        position: relative;
        right: 2px;
        text-decoration: none;
}

#navlist a:hover {
        background: #C00;
        bottom: 1px;
        color: #FFF;
        position: relative;
        right: 1px;
}

#navlist a:current {
        background: #999;
        bottom: 0px;
        color: #FFF;
        position: relative;
        right: 0px;
}

#navlist li#current {
        background: #369;
        bottom: 13px;
        display: inline;
        margin: 0 3px 0 0;
        padding: 0;
        position: relative;
}

html>body #navlist li#current {
        background: #000;
        margin: 0 4px 0 4px;
}

#navlist #current a, #navlist #current a:link, #navlist #current a:visited, #navlist #current a:hover {
        background: #369;
        border-bottom: none;
        border-left: 1px solid #9CC;
        border-right: 1px solid #9CC;
        border-top: 1px solid #9CC;
        bottom: 0;
        color: #FFF;
        cursor: text;
        margin: 0;
        padding: 2px 5px 0 5px;
        position: relative;
        right: 0;
}

.navlink a, .navlink a:link, .navlink a:visited {
        background: #900;
        border: 1px solid #FFF;
        bottom: 2px;
        color: #FFF;
        cursor: pointer;
        display: inline;
        height: 1em;
        margin: 0;
        padding: 3px 5px 3px 5px;
        position: relative;
        right: 2px;
        text-decoration: none;
        font-weight:normal;
        font-size:0.8em;
}

.navlink a:hover {
        background: #C00;
        bottom: 1px;
        color: #FFF;
        position: relative;
        right: 1px;
}

.navlink a:current {
        background: #999;
        bottom: 0px;
        color: #FFF;
        position: relative;
        right: 0px;
}

.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('../image/info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('../image/success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('../image/warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('../image/error.png');
}

table.fmt1
{
	margin : 10px 0 10px 0;
    border-top:1px solid #663300;
    border-left:1px solid #663300;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.fmt1 th{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    color:#330000;
    background-color:#996633;
    background-position:left top;
    text-align:center;
}
.fmt1 td{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    padding:0.2em 0.5em;
}

table.fmt2
{
	margin : 10px 0 10px 0;
    border-top:1px solid #663300;
    border-left:1px solid #663300;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.fmt2 th{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    color:#330000;
    background-color:#7FFFD4;
    background-position:left top;
    text-align:center;
}
.fmt2 td{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    padding:0.2em 0.5em;
}


/* for suggest */
/* http://www.vulgarisoip.com/files/jquery.suggest.css */
	
	.ac_results {
		border: 1px solid gray;
		background-color: white;
		padding: 0;
		margin: 0;
		list-style: none;
		position: absolute;
		z-index: 10000;
		display: none;
	}
	
	.ac_results li {
		padding: 2px 5px;
		white-space: nowrap;
		color: #101010;
		text-align: left;
	}
	
	.ac_over {
		cursor: pointer;
		background-color: #F0F0B8;
	}
	
	.ac_match {
		text-decoration: underline;
		color: black;
	}
	

