@charset "shift-jis";
/*
---------------------------------------------------------

COMMENT:
  Summary: common base page styles
  Target Pages ---> All pages
  Site URL: http://
  File name: css/kochiQQ_style.css
  Author: 

---------------------------------------------------------
*/

/* --OTHER TAGS-- */
a img, img { 
border:0;
}

dd, div, dl, dt, h1, h2, h3, h4, h5, h6, li, ol, p, pre, span, td, th, ul {
margin:0;
padding:0;
}

h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}

ul {
list-style:none;
}

/* form */
button, fieldset, form, input, label, legend, select, textarea {
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
padding:0;
vertical-align:baseline;
}

/* tables still need 'cellspacing="0"' */
table {
border-collapse:collapse;
border-spacing:0;
font-size:95%;
}

/*----- link  -----*/
a{ font-weight:normal;}
a:link	{
    color:#3300FF;
    text-decoration:none;
}
a:visited	{
    color:#990000;
    text-decoration:none;
}
a:hover		{
    color:#FF3333;
    text-decoration:underline;
}
a:active	{
    color:#990000;
    text-decoration:underline;
}

p {
    margin-top:0.0em;
    margin-bottom:0.0em;
    text-align:justify;
}

strong {
    font-weight:bold;
}

/*
----------------------------------------------------------------------------- 
[1] body
----------------------------------------------------------------------------- */
body{
    margin:0;
    padding:0;
    font-size:95%;
    line-height:120%;
    text-align: center;
    color:#333333;
    background-color:#9999CC;
    height:100%;
}

/*
----------------------------------------------------------------------------- 
[2] container
----------------------------------------------------------------------------- */

#container{
    min-width: 780px;
    color:#333333;
    background: #ffffff url(../images/bk_header.gif) repeat-x 0 0px;
    height:100%;
}

/*
----------------------------------------------------------------------------- 
[2.1] header
----------------------------------------------------------------------------- */
#header{
	height: 105px;
	overflow: hidden;
}
#header .wrap{
    position:relative;
	width: 100%;
    height: 130px;
    overflow:hidden;
	background: url(../images/bk_top2.gif) no-repeat 50% 0;
	margin: 0 auto;
    text-align: center;
}

/* siteTitle */
#header h1,
#header p#siteTitle{
    position: relative;
    margin: 0;
    padding: 0;
    padding-left:100px;
    width: 350px;
    height: 65px;
    overflow: hidden;
}
#header h1 a,
#header p#siteTitle a{
	display: block;
	width: 280px; height: 65px;
}

/* ParentLink Header */
a#ParentLink{
    visibility:visible;
    position: absolute;
    z-index:9999;
    margin:0;
    padding: 0;
    top:0;
    right: 0;
    width: 155px;
    height:119px;
}

#globalMenu{
    position:absolute;
    left: 158px;
    top: 61px;
    z-index: 1;
    height: 40px;
}
#globalMenu ul{
	width: 780px;
	text-align: left;
    height:40px;
	margin: 0 auto;
	list-style: none;
}
	#globalMenu ul li{
		float: left;
		display: inline;	/* for IE6 */
		width:auto; height: 40px;
		overflow: hidden;
		font-weight: bold;
	}
#globalMenu ul li a{
    float:left;
    display:inline;
    padding: 0px;
    width:128px;
    height:40px;
    line-height:0;
    color: #fff;
    text-decoration: none;
}
#globalMenu ul li a:hover{
    background-position: bottom left;
}
#gmenu_01 { background-image:url('../images/gmenu_01.gif'); }
#gmenu_02 { background-image:url('../images/gmenu_02.gif'); }
#gmenu_03 { background-image:url('../images/gmenu_03.gif'); }
#gmenu_04 { background-image:url('../images/gmenu_04.gif'); }
#gmenu_05 { background-image:url('../images/gmenu_05.gif'); }


/* pageTitle */
#pageTitle{
    position:relative;
    width: 780px;
    height: 75px;
    text-align:center;
    margin: 0 auto;
    padding:0px;
}

/* titleImage */
#titleImage{
    position: absolute;
    left: 0px;
    top: 25px;
    z-index: 1;
    height: 44px;
    text-align:left;
	overflow: hidden;
}

/* panKuzu */
#panKuzu{
    position: absolute;
	width: 100%;
    left: 10px;
    top: 3px;
    z-index: 2;
    text-align:left;
    overflow: hidden;
    font-size:14px;
    line-height:20px;
}
#panKuzu ul{
	text-align: left;
	margin: 0 auto;
    list-style: none;
}
#panKuzu ul li{
    float: left;
    display: inline;
    /* for IE6 */;
    padding-left:3px;
    padding-right:3px;
}
#panKuzu ul li a{
    float:left;
    display:inline;
    padding-left:3px;
    padding-right:3px;
}
#panKuzu ul li a:hover{
}

/* userName */
#userName{
    position: absolute;
    right: 0%;
    top: 40px;
    z-index: 1;
    height: 20px;
    text-align:left;
    overflow: hidden;
    color:#FFFFFF;
    font-weight:bold;
    font-size:18px;
    line-height:20px;
}

/*
----------------------------------------------------------------------------- 
[4] footer
----------------------------------------------------------------------------- */
#footer{
    padding: 0;
    font-size:95%;
    color: #333333;
}

#footer div{
    clear:both;
    background-color: #FFFFFF;
    margin: 0 auto;
    width: 780px;
}
#footer div.wrap{
	margin: 0 auto;
	width: 780px;
	text-align: left;
}

#footer a{
    color:#3333FF;
    text-decoration:underline;
}
/* list:Footer Navi */
#footer dl{
    margin: 0;
    padding-top:30px;
}
#footer dl dt{
    float:left;
    width: 300px;
}
#footer dl dd{
}
#footer dl dd ul{
	margin: 0px 0 0 0; padding: 0;
    text-align:center;
}
#footer dl dd ul li {
	display:inline;
	padding: 0 5px;
}
#footer dl dd ul li a {
}

#footer div.infomation{
    clear: both;
    text-align:left;
    overflow: hidden;
    padding-top:5px;
}
#footer div.infomation dl{
    margin: 0px;
    padding:0px;
}
#footer div.infomation dl dt{
    margin: 0px;
    padding:0px;
    padding-left:10px;
	width: 6.0em;
}
#footer div.infomation dl dd{
	width: 40.0em;
    margin: 0px;
    padding: 0px;
    text-align:left;
}

/* copyRight */
#copyRight{
    clear: both;
    margin: 0 auto;
    width: 100%;
    background-color:#9999CC;
    background-image:url(../images/bk_footer.gif);
    background-repeat:repeat-x;
    padding-top:16px;
}

/*
----------------------------------------------------------------------------- 
[5] contents
----------------------------------------------------------------------------- */

#contents{
    position:relative;
    width: 780px;
    text-align:left;
    margin: 0 auto;
    padding:0px;
    background-color:#FFFFFF;
}

/*
----------------------------------------------------------------------------- 
[5-1] mainContents 
----------------------------------------------------------------------------- */
#mainContents{
    position:relative;
    width: 100%;
    text-align:left;
    margin: 0 auto;
    padding:0px;
    background-color:#FFFFFF;
}

/* ページタイトル */
#mainContents h1{
    clear: both;
    margin:0.5em 0px 0px 0px;
    padding: 3px 0px 0px 50px;
    font-size: 20px;
    font-weight: bold;
    color:#35339C;
    background: #FFFFFF url(../images/section_mark1.gif) no-repeat left top;
    border-bottom: 2px dotted #35339C;
    line-height:40px;
}
#mainContents h1.no1{
    background: #FFFFFF url(../images/section_no1.gif) no-repeat left top;
}
#mainContents h1.no2{
    background: #FFFFFF url(../images/section_no2.gif) no-repeat left top;
}
#mainContents h1.no3{
    background: #FFFFFF url(../images/section_no3.gif) no-repeat left top;
}
#mainContents h1.no4{
    background: #FFFFFF url(../images/section_no4.gif) no-repeat left top;
}
#mainContents h1.no5{
    background: #FFFFFF url(../images/section_no5.gif) no-repeat left top;
}
#mainContents h1.mark1{
    background: #FFFFFF url(../images/section_mark1.gif) no-repeat left top;
}
#mainContents h1.mark2{
    background: #FFFFFF url(../images/section_mark2.gif) no-repeat left top;
}

/* 見出し2 */
#mainContents h2{
    clear: both;
    margin:0px;
    padding-top:6px;
    padding-bottom:2px;
    padding-left:34px;
    padding-right:4px;
    font-size: 16px;
    font-weight: bold;
    color:#666666;
    border-top: 2px dotted #00CC99;
    line-height:20px;
}
#mainContents h2.mark1{
    background: #FFFFFF url(../images/section_mark1s.gif) no-repeat left top;
}
#mainContents h2.mark2{
    background: #FFFFFF url(../images/section_mark2s.gif) no-repeat left top;
}

/* 見出し3 */
#mainContents h3{
	clear: both;
	margin: 1em 0 1em 0; padding: 5px 0 6px 30px;
	border-bottom: 2px solid #ccc;
	font-size: 1.2em;
	font-weight: bold;
	color:#000;
	background:#eee url(../img/bg_h3.png) no-repeat 0 0;
}
/* 見出し4 */
/*#mainContents h4{
	clear: both;
	margin: 1em 0 1em 0; padding: 5px 0 5px 30px;
	border-top: 1px solid #ccc;
	border-bottom: 2px solid #E8E8E8;
	font-size: 1.1em;
	font-weight: bold;
	background:url(../img/bg_h4.png) no-repeat 2px 50%;
}*/
/* 見出し5 */
#mainContents h5{
	clear: both;
	margin: 1em 0 1em 0; padding: 5px 0 5px 10px;
	border-top: 1px solid #E8E8E8;
	border-bottom: 1px solid #E8E8E8;
	border-left: 10px solid #ddd;
	font-size: 1em;
	font-weight: bold;
}



#mainContents ol,
#mainContents ul { margin:0em;}
#mainContents ol  { padding:0em;}


/* pageTop */
p.pageTop{
    clear:both;
    text-align: right;
    padding-top:10px;
    padding-bottom:5px;
}

/* section */
div.section{
	margin: 0px;
    padding-top:0px;
    padding-bottom:0px;
    padding-left:0px;
    padding-right:0px;
//    height:10%;
}
div.section p{
	margin: 0.2em 0.2em;
}


ul.box_mmenu{
    margin:0px;
    padding-top:0px;
    padding-bottom:10px;
    padding-left:60px;
    padding-right:5px;
    list-style: none;
}
ul.box_mmenu li{
    float:left;
    display: inline;
    /* for IE6 */;
    padding-bottom:10px;
}
ul.box_mmenu li a {
    display:block;
    height:50px;
    width:185px;
    padding:0px;
}
ul.box_mmenu li a:hover {
    background-position: bottom left;
}
#mmenu_0101 {
    background-image:url('../images/mmenu_0101.gif');
}
#mmenu_0102 {
    background-image:url('../images/mmenu_0102.gif');
}
#mmenu_0103 {
    background-image:url('../images/mmenu_0103.gif');
}
#mmenu_0104 {
    background-image:url('../images/mmenu_0104.gif');
}
#mmenu_0105 {
    background-image:url('../images/mmenu_0105.gif');
}
#mmenu_0201 {
    background-image:url('../images/mmenu_0201.gif');
}
#mmenu_0202 {
    background-image:url('../images/mmenu_0202.gif');
}
#mmenu_0203 {
    background-image:url('../images/mmenu_0203.gif');
}
#mmenu_0301 {
    background-image:url('../images/mmenu_0301.gif');
}
#mmenu_0302 {
    background-image:url('../images/mmenu_0302.gif');
}
#mmenu_0303 {
    background-image:url('../images/mmenu_0303.gif');
}
#mmenu_0304 {
    background-image:url('../images/mmenu_0304.gif');
}
#mmenu_0401 {
    background-image:url('../images/mmenu_0401.gif');
}
#mmenu_0402 {
    background-image:url('../images/mmenu_0402.gif');
}
#mmenu_0403 {
    background-image:url('../images/mmenu_0403.gif');
}
#mmenu_0404 {
    background-image:url('../images/mmenu_0404.gif');
}
#mmenu_0501 {
    background-image:url('../images/mmenu_0501.gif');
}
#mmenu_0502 {
    background-image:url('../images/mmenu_0502.gif');
}
#mmenu_0503 {
    background-image:url('../images/mmenu_0503.gif');
}

ul.box_mlink{
    clear:both;
    margin:0px;
    padding-top:0px;
    padding-bottom:5px;
    padding-left:60px;
    padding-right:5px;
    list-style: none;
}
ul.box_mlink li{
    display: inline;  /* for IE6 */;
    font-size: 14px;
    height:20px;
}
ul.box_mlink li a {
    display:block;
    height:20px;
    padding-left:30px;
    background-color:#FFFFFF;
    background-image:url(../images/link_mark_arrow.gif);
    background-repeat:no-repeat;
}
ul.box_mlink li a:hover {
    background-position: bottom left;
}

ul.box_minfo{
    clear:both;
    margin:0px;
    padding-top:0px;
    padding-bottom:5px;
    padding-left:60px;
    padding-right:5px;
    list-style: none;
}
ul.box_minfo li{
    float:left;
    display: inline;  /* for IE6 */;
    font-size: 14px;
    height:20px;
}
ul.box_minfo li.date{
    clear:both;
    float:left;
    padding-right:5px;
}
ul.box_minfo li.title{
    float:left;
}
ul.box_minfo li a {
    display:block;
    height:20px;
    width:600px;
    padding-left:30px;
    background-color:#FFFFFF;
    background-image:url(../images/link_mark_arrow.gif);
    background-repeat:no-repeat;
}
ul.box_minfo li a:hover {
    background-position: bottom left;
}

.comment {
 PADDING-RIGHT: 30px;
 PADDING-LEFT: 30px;
 FONT-SIZE: 95%;
 PADDING-BOTTOM: 5px;
 VERTICAL-ALIGN: baseline;
 LINE-HEIGHT: 120%;
 PADDING-TOP: 10px;
 BACKGROUND-COLOR: #ffffff;
 TEXT-ALIGN: left;
}
#login_box {
 PADDING-RIGHT: 0px;
 PADDING-LEFT: 0px;
 FONT-SIZE: 1px;
 PADDING-BOTTOM: 0px;
 MARGIN: 0px;
 WIDTH: 347px;
 LINE-HEIGHT: 0px;
 PADDING-TOP: 0px;
}
.charcell {
 PADDING-RIGHT: 3px;
 PADDING-LEFT: 3px;
 FONT-SIZE: 12px;
 PADDING-TOP: 4px;
 PADDING-BOTTOM: 4px;
 VERTICAL-ALIGN: baseline;
 LINE-HEIGHT: 18px;
}
.input_button {
 PADDING-RIGHT: 5px;
 PADDING-LEFT: 5px;
 FONT-SIZE: 12px;
 PADDING-BOTTOM: 5px;
 LINE-HEIGHT: 20px;
 PADDING-TOP: 5px;
}

P.black {
    color:#333333;
    float:left;
}
P.red {
    color:#CC0000;
    float:left;
}
P.yellow {
    color:#FFCC00;
    float:left;
}
/*
----------------------------------------------------------------------------- 
[99] other
----------------------------------------------------------------------------- */
.accessibility{ display:none}

/* @end */