@charset "utf-8";
/* CSS Document */

@import url(reset.css);
@import url(elements.css);

body {
	background: url(../images/common/bg.jpg) repeat-y top center; 
	_background: url(../images/common/bg2.jpg) repeat-y top center; 
	font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height: 1.6em;
	}
	
img{ vertical-align:bottom;}

a {text-decoration: none;}
a:hover {color: #39F!important;}
a:active{position:relative;top:1px;}

div#headbd {
	width: 100%;
	height: 7px;
	background: #6a9bd7;
	}
	
	div#headbd h1 {
		display: none;
		}
		
div#header {
	width: 938px;
	margin: 0 auto;
	overflow: hidden;
	position:relative;
	
	}
	
	div#header h1 {
		float: left;
		color:#ccc;
		font-size:9px;
		position:absolute;
		top:-4px;
		left:21px;
	}

	div#header ul {
		float:right;
		height: 24px;
	}
	
		div#header ul li{
			float:left;
		}
		
div#gnav {
		height: 51px;
		background:url(../images/common/gnav_bg.jpg) repeat-x;
		width: 938px;
		margin: 0 auto;
}
	
	div#gnav ul{
		margin-left: 6px;
	}

		div#gnav ul li{
			float: left;
		}

div#cont {
	width: 916px;
	margin: 0 auto;
	padding: 11px;

	}

	div#cont div#pagecont{
			width: 670px;
			float: left;
			font-size: 14px;
			overflow: hidden;
		}

	div#cont div#pagecont div#topicpath{
		position: relative;
		}


		div#cont div#pagecont div#topicpath ul{
		    font-size: 11px;
			position: absolute;
			width: 649px;
			height: 22px;
			top: 4px;
			left: 7px;
			margin: 0;
			}
	
			div#cont div#pagecont div#topicpath ul li{
					float: left;
					padding-left: 5px;
					background: none;
				}

				div#cont div#pagecont div#topicpath ul li a{
						background: url(../images/common/topicpath_arrow.gif) right center no-repeat;
						padding-right: 15px;
						color: #454545;
					}

		div#cont div#pagecont p{
				margin: 1.8em 20px;
				line-height: 1.8em;
			}
		div#cont div#pagecont h2{
			margin-bottom: 20px
		
		
		}
		div#cont div#pagecont h3{
				font-size: 16px;
				width: 631px;
				height: 28px;
				background:url(../images/common/h3_bg.jpg) 0 0 no-repeat;
				padding: 5px 0 0 10px;
				font-weight: bold;
				margin: 3em 20px 1em 20px;
			}


		div#cont div#pagecont h3.qa{
			background: url(../images/common/h3_long_bg.jpg) 0 bottom no-repeat;
				width: 624px;
				height: 48px;
				padding: 5px 0 0 10px;
 			
		}

		div#cont div#pagecont h4{
			width: 634px;
			height: 25px;
			padding: 2px 0 0 10px;
			font-size: 14px;
			background: url(../images/common/h4_bg.jpg) 0 0 no-repeat;
			font-weight: bold;
			margin: 3em 20px 1em 20px;			
		}
		
		div#cont div#pagecont h4.sitemap{
			margin-top: 30px !important;		
		}

		div#cont div#pagecont h3 + h4{
			margin: 0 20px 1em 20px;			
		}
		

		div#cont div#pagecont h5{
			font-size: 12px;
			font-weight: bold;
			color: #3d5e87;
			margin: 2em 20px;			
		}

		div#cont div#pagecont h5 + p{
			margin-top: -10px;	
		}
		

		div#cont div#pagecont ul{
			margin: 1em 20px;			
		}

			div#cont div#pagecont ul li{
				background: url(../images/common/list_arrow.gif) left 1px no-repeat;
				padding: 0 0 5px 15px;
			}

			div#cont div#pagecont ul.sitemap{
                margin: 12px 0 40px 11px;
			}

			div#cont div#pagecont ul.sitemap li{
				background: url(../images/common/list_arrow.gif) left 1px no-repeat;
				padding: 0 0 0 15px;
				margin: 5px;
				float:left;
				width:180px;
			}
			
			div#cont div#pagecont ul li a{
				color: #454545;
			}

		div#cont div#pagecont table{
		  margin: 1em 20px;
		  border-collapse: collapse;
		  border: solid 1px #ccc;
		}
		div#cont div#pagecont table th,
		div#cont div#pagecont table td {
		  border: solid 1px #ccc;
		  padding: 4px 6px;
		}

		div#cont div#pagecont table th {
		  background: #E6E6E6;
		  text-align: center;
		  color: #3d5e87;
		  font-weight: bold;
		}
	div#cont div#pagecont ul.mqa a{
		color: #333;
	}


	div#cont div#pagecont div.flow{
		font-size:11px;
	}

		div#cont div#pagecont div.flow p{
			position: absolute;
			line-height: 1.6em;
			margin: 0;

		}

		div#cont div#pagecont div.flow div#title5-1{
					width: 669px;
					height: 108px;
					background:url(../images/index/title5-1_bg.jpg) no-repeat 0 0;
					position: relative;
				}
		
			div#cont div#pagecont div.flow div#title5-1 p{
	left: 155px;
	top: 17px;
	width: 491px;
			}
			div#cont div#pagecont div.flow div#title5-2 div#title5-2a{
	position: absolute;
	width: 155px;
	height: 72px;
	left: 471px;
	top: 74px;
				}
			
		
			div#cont div#pagecont div.flow div#title5-2 p,
			div#cont div#pagecont div.flow div#title5-3 p,
			div#cont div#pagecont div.flow div#title5-4 p,
			div#cont div#pagecont div.flow div#title5-5 p,
			div#cont div#pagecont div.flow div#title5-6 p{
	left: 61px;
	top: 31px;
	width: 389px;
	height: 117px;

			}

		div#cont div#pagecont div.flow div#title5-2{
					background:url(../images/index/title5-2_bg.jpg) no-repeat 0 0;
					width: 669px;
					height: 160px;
					position: relative;

		}

		div#cont div#pagecont div.flow div#title5-3{
					width: 669px;
					height: 160px;
					background:url(../images/index/title5-3_bg.jpg) no-repeat 0 0;
					position: relative;
				}
		

		div#cont div#pagecont div.flow div#title5-4{
					width: 669px;
					height: 160px;
					background:url(../images/index/title5-4_bg.jpg) no-repeat 0 0;
					position: relative;
				}


		div#cont div#pagecont div.flow div#title5-5{
					width: 669px;
					height: 160px;
					background:url(../images/index/title5-5_bg.jpg) no-repeat 0 0;
					position: relative;
				}
		

		div#cont div#pagecont div.flow div#title5-6{
					width: 669px;
					height: 160px;
					background:url(../images/index/title5-6_bg.jpg) no-repeat 0 0;
					position: relative;
				}
	div#cont div#pagecont div#pager{
		margin-top: 3.5em;	
	}
		div#cont div#pagecont div#pager ul{
			margin: 0 auto;
			width: 100%;
			font-size: 11px;
			}

			div#cont div#pagecont div#pager ul li{
				background: none;
				
				display:inline-block;
				padding-right:1em;
				/display:inline;
				/zoom:1;
				}

			div#cont div#pagecont div#pager ul li.prev{
				background: url(../images/common/prev.jpg) no-repeat left 1px;
				padding-left: 20px;
				}

			div#cont div#pagecont div#pager ul li.next{
				background: url(../images/common/next.jpg) no-repeat right 1px;
				padding-right: 20px;
				}

	div#cont div#pageside {
			float: left;
			width: 234px;
			margin-right: 10px;
		}


		div#cont div#pageside div#sidenav {
				width: 234px;
				background: url(../images/side/sidenav_bg.jpg) left bottom no-repeat;
			}		
		
			div#cont div#pageside div#sidenav div#sidenav_in {
				margin:8px;		
			}		

				div#cont div#pageside div#sidenav div#sidenav_in ul li {
					font-size: 13px;
					background:url(../images/side/arrow.gif) left center no-repeat;
					padding: 5px 0 5px 20px;
					_padding: 5px 0 3px 20px;
					border-bottom: solid 1px #ccc;
				}		
				
				div#cont div#pageside div#sidenav div#sidenav_in ul li a {
					color: #44494f;
				}		


			div#cont div#pageside div.sidebox {
				background: url(../images/side/sidebox_bg.jpg) bottom center no-repeat; 
				_background: url(../images/side/sidebox_bg.jpg) left bottom no-repeat; 
				font-size:11px;
				padding-bottom: 2px;
			}
			
				div#cont div#pageside div.sidebox p{ 
					margin: 5px 11px;
					line-height: 1.6em;
				}

			div#cont div#pageside div.sidebox ul.sideqa {
				margin: 5px 0 2px 10px; 
			}
				
				div#cont div#pageside div.sidebox ul.sideqa li {
					width: 217px;
					height: 47px;
					background: url(../images/side/faq_bga_off.jpg) no-repeat 0 0;
					margin-bottom:2px;
					_margin-bottom: 0px;

				}

				div#cont div#pageside div.sidebox ul.sideqa li.faqb {
					background: url(../images/side/faq_bgb_off.jpg) no-repeat 0 0;
				}
					div#cont div#pageside div.sidebox ul.sideqa li a {
						width: 177px;
						height: 40px;
						display: block;
						padding: 7px 0 0 40px;
						margin-bottom:2px;
						color: #454545;
						line-height: 1.6em;

					}
					
					div#cont div#pageside div.sidebox ul.sideqa li a:hover {
						background: url(../images/side/faq_bga_on.jpg) no-repeat 0 0;
						color: #36C;
					}					
					
					div#cont div#pageside div.sidebox ul.sideqa li.faqb a:hover {
						background: url(../images/side/faq_bgb_on.jpg) no-repeat 0 0;
					}
					
			div#cont div#pageside div.sidebox ul.blog {
				margin: 5px 10px 2px 10px; 
			}

				div#cont div#pageside div.sidebox ul.blog li {
					border-bottom: solid 1px #ccc;
					padding: 6px 0 6px 0;
				}

					div#cont div#pageside div.sidebox ul.blog li a {
						color: #454545;
					}

					div#cont div#pageside div.sidebox ul.blog li a:hover {
						color: #36C;
					}

						div#cont div#pageside div.sidebox ul.blog li a span {
							color: #1755a3;
							font-weight: bold;
						}
						
div#footer {
		clear:both;
		width: 938px;
		height: 64px;
		margin: 0 auto;
		background: url(../images/common/footer_bg.jpg) no-repeat 0 0;
		color: #323232;
		position: relative;
		font-size: 11px;
 	}						
	div#footer address {
			padding: 12px 0 0 20px;

		}

		div#footer address a {
				color: #323232;
			}

		div#footer address span{
			font-size: 13px;
			font-weight: bold;
		}

	div#footer p#cr {
		position:absolute;
		left: 607px;
		top: 36px;
	}
	
	div#footer p#gplusLink {
		position:absolute;
		right: 15px;
		top: 20px;
		font-size: 9px;
	}