@charset "Shift_JIS";

/* HTML Tag
---------------------------------------------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}

body {
	background: url(css_images/sokojikara_bg_body.gif) repeat-y;
	background-color: #4b5d6a;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN",Meiryo, Verdana, sans-serif;
}
body.popup {
	background: none;
	background-color: #fff;
}

a { text-decoration: none; }
a:link { color: #336; }
a:visited { color: #446; }
a:hover {
	text-decoration: underline;
	color: #669;
}

h1, h2, h3 { clear: both; }
ul { list-style: none; }
img { border: none; }
p {
	padding: 0 3px 2px;
	line-height: 1.4;
}



/* Container
---------------------------------------------------------------------------------------------------- */
#container { font-size: 80%; }



/* Header
---------------------------------------------------------------------------------------------------- */
#header {
	position: relative;
	height: 66px;
	background: url(css_images/sokojikara_bg_header.gif);
	border-bottom: 1px solid #698a9e;
}
h1 {
	position: absolute;
	top: 5px;
	left 8px;
	height: 55px;
	width: 300px;
}
.msg {
	position: absolute;
	top: 27px;
	left: 302px;
	height: 32px;
	width: 410px;
}



/* Footer
---------------------------------------------------------------------------------------------------- */
#footer {
	clear: both;
	background: url(css_images/sokojikara_bg_footer.gif) no-repeat;
	padding: 1px 0 0 410px;
}
.popup #footer {
	background: none;
	border-top: 1px solid #a0a1a4;
}



/* Contents
---------------------------------------------------------------------------------------------------- */
#contents { width: 850px; }
.popup #contents { width: 600px; }
.leftCol {
	float: left;
	width: 600px;
	padding-top: 20px;
}
.popup .leftCol { float: none; }
.rightCol {
	float: right;
	width: 250px;
	padding-top: 20px;
}

/* Left Column */
.arch01 .leftCol { background: url(css_images/sokojikara_bg_leftCol01.gif) no-repeat right 50px; }
.arch02 .leftCol { background: url(css_images/sokojikara_bg_leftCol02.gif) no-repeat right 50px; }
.arch03 .leftCol { background: url(css_images/sokojikara_bg_leftCol03.gif) no-repeat right 50px; }
.arch04 .leftCol { background: url(css_images/sokojikara_bg_leftCol04.gif) no-repeat right 50px; }
.arch05 .leftCol { background: url(css_images/sokojikara_bg_leftCol05.gif) no-repeat right 50px; }

.leftCol h2 { margin-bottom: 25px; }
.leftCol h3 {
	background: url(css_images/sokojikara_icon_box.gif) no-repeat 0 50%;
	border-bottom: 1px solid #000;
	margin: 0 0 10px 59px;
	padding-left: 15px;
	font-size: 110%;
}
.leftCol p {
	text-indent: 12px;
	margin-bottom: 5px;
}
.leftCol .pic {
	width: 480px;
	border: 1px solid #999;
	margin: 0 auto 20px;
}
.leftCol .pic_yoko {
	width: 320px;
	border: 1px solid #999;
	margin: 0 auto 20px;
}
.leftCol .section {
	width: 480px;
	margin: 0 auto;
}
.leftCol .btnArea { margin-bottom: 25px; }
.leftCol .thumb {
	width: 522px;
	margin: 0 auto 40px;
}
.leftCol .thumb li {
	float: left;
	width: 154px;
	padding: 0 10px;
}
.leftCol .thumb li img {
	vertical-align: bottom;
	margin-bottom: 2px;
}
.leftCol .thumb li strong {
	display: block;
	background: url(css_images/sokojikara_icon_blank.gif) no-repeat 0 0.2em;
	padding: 1px 0 1px 18px;
	font-weight: normal;
}

/* Right Column */
.rightCol h3 {
	border-bottom: 1px solid #9aa4ab;
	margin-bottom: 11px;
}

.navTop { margin-bottom: 20px; }
.navTop li {
	height: 34px;
	width: 221px;
}
.navTop li a {
	display: block;
	height: 34px;
	width: 221px;
	text-indent: -10000px;
	outline: none;
}
.navTop li.nvTopThis a { background: url(css_images/sokojikara_navTop01.gif) no-repeat; }
.navTop li.nvTopMain a { background: url(css_images/sokojikara_navTop02.gif) no-repeat; }
.navTop li.nvTopThis a:hover { background-position: 0 -34px; }
.navTop li.nvTopMain a:hover { background-position: 0 -34px; }
.navTop li.selected a { background-position: 0 -68px; }
.navTop li.selected a:hover { background-position: 0 -68px; }

.nav li {
	height: 53px;
	width: 221px;
	margin-bottom: 11px;
}
.nav li a {
	display: block;
	height: 53px;
	width: 221px;
	text-indent: -10000px;
	outline: none;
}
.nav li.nv01 a { background: url(css_images/sokojikara_nav01.gif) no-repeat; }
.nav li.nv02 a { background: url(css_images/sokojikara_nav02.gif) no-repeat; }
.nav li.nv03 a { background: url(css_images/sokojikara_nav03.gif) no-repeat; }
.nav li.nv04 a { background: url(css_images/sokojikara_nav04.gif) no-repeat; }
.nav li.nv05 a { background: url(css_images/sokojikara_nav05.gif) no-repeat; }
.nav li.nv01 a:hover { background-position: 0 -53px; }
.nav li.nv02 a:hover { background-position: 0 -53px; }
.nav li.nv03 a:hover { background-position: 0 -53px; }
.nav li.nv04 a:hover { background-position: 0 -53px; }
.nav li.nv05 a:hover { background-position: 0 -53px; }
.nav li.selected a { background-position: 0 -106px; }
.nav li.selected a:hover { background-position: 0 -106px; }



/* Base Setting
---------------------------------------------------------------------------------------------------- */
.clear { clear: both; }

/* ”z’u */
.leftPos { float: left; }
.rightPos { float: right; }
.leftPosT { text-align: left; }
.rightPosT { text-align: right; }
.centerPosT { text-align: center; }



/* Clear Fix
---------------------------------------------------------------------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
	font-size: 0.1em;
	clear: both;
}
.clearfix { zoom: 1; }