@charset "shift_jis";

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:middle;
    background:transparent;
}

body {
  line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}


/*======*/
/* Bass */
/*======*/
html {
	height: 100%;
}
body {
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ƒqƒ‰ƒMƒmŠpƒS ProN W3"; 
	line-height: 150%;
	background: #fff;
	height: 100%;
	-webkit-text-size-adjust: none; /* Font size self-adjustment */
}
a {
	color: #00F;
	text-decoration: underline;
}

img:not([name]):not([width]):not([height]) {
	zoom: .5;
}

#wrap {
	background: #FFF;
	width: 100%;
	min-height: 100%;
	position:relative;
}


/*--------*/
/* ƒwƒbƒ_ */
/*--------*/
header {
	height: 43px;
	border-bottom: 1px solid #bababa;
	position: relative;

	background: rgb(188,188,188);
	background: linear-gradient(top, rgba(188,188,188,1) 0%,rgba(253,253,253,1) 10%,rgba(231,231,231,1) 98%,rgba(255,255,255,1) 98%,rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(188,188,188,1)), color-stop(10%,rgba(253,253,253,1)), color-stop(98%,rgba(231,231,231,1)), color-stop(98%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));
}

header #logoBlock {
	float: left;
	height: 44px;
	margin-left: 7px;

	display: box;
	display: -webkit-box;

	box-align: center;
	-webkit-box-align: center;
}
header #logoBlock img {
	display: block;
}
header ul {
	float: right;
	position: absolute;
	top: 0;
	right: 0;
}
header ul li {
	float: left;
}
header ul li a {
	text-indent: -9999px;
	display: block;
	height: 44px;
	width: 45px;
	border-left: 1px solid #bababa;

	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
}
header ul li a#headerSearch {
	background: rgb(188,188,188);
	background: url(/sp/cmn/img/header_ico01.png) no-repeat center center, linear-gradient(top, rgba(188,188,188,1) 0%,rgba(251,251,251,1) 10%,rgba(206,217,224,1) 96%,rgba(228,234,238,1) 96%,rgba(228,234,238,1) 98%,rgba(186,186,186,1) 98%,rgba(186,186,186,1) 100%);	
	background: url(/sp/cmn/img/header_ico01.png) no-repeat center center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(188,188,188,1)), color-stop(10%,rgba(251,251,251,1)), color-stop(96%,rgba(206,217,224,1)), color-stop(96%,rgba(228,234,238,1)), color-stop(98%,rgba(228,234,238,1)), color-stop(98%,rgba(186,186,186,1)), color-stop(100%,rgba(186,186,186,1)));
}
header ul li a#headerMenu {
	background: rgb(188,188,188);
	background: url(/sp/cmn/img/header_ico02.png) no-repeat center center, linear-gradient(top, rgba(188,188,188,1) 0%,rgba(251,251,251,1) 10%,rgba(206,217,224,1) 96%,rgba(228,234,238,1) 96%,rgba(228,234,238,1) 98%,rgba(186,186,186,1) 98%,rgba(186,186,186,1) 100%);	
	background: url(/sp/cmn/img/header_ico02.png) no-repeat center center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(188,188,188,1)), color-stop(10%,rgba(251,251,251,1)), color-stop(96%,rgba(206,217,224,1)), color-stop(96%,rgba(228,234,238,1)), color-stop(98%,rgba(228,234,238,1)), color-stop(98%,rgba(186,186,186,1)), color-stop(100%,rgba(186,186,186,1)));
}
header ul li a.act#headerSearch {
	background: #236794 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABWCAMAAAB4tHFLAAAC61BMVEX///8AAAAAAAAAAADX19f4+PgAAAAAAAAAAAAAAAD7+/v///+qqqr9/f3///8AAACnp6f////09PTj4+P+/v4AAAD///////8AAAAAAAD////h4eG6urqZmZn///+KiopycnL+/v5HR0cAAADLy8v///////////8AAAAAAAD6+voAAAD////Z2dkAAAAAAAAAAAD////////+/v4AAAD///////8AAADb29vq6uoQEBAbGxsWFhZ1dXX///8AAAAAAAD///98fHz///8AAAAAAAD////////FxcVOTk6UlJQGBgb+/v79/f0JCQkAAAD8/Pz////CwsL9/f1KSkoAAAD5+fkAAAAWFhYAAAAAAAAKCgr8/PxfX1/////19fX8/Py3t7e1tbVAQEBRUVEAAADHx8cuLi4sLCzp6en19fWFhYV9fX1+fn4LCwv6+vqvr6+oqKj////g4ODMzMy0tLTw8PDMzMzl5eVhYWHd3d25ubnw8PDNzc3X19eqqqr19fUAAAAICAiwsLDv7+/Ly8vy8vL9/f20tLTr6+vS0tJMTEzNzc3a2trz8/OXl5c2Njbb29v29vaLi4vz8/Pl5eVaWloQEBC7u7v///8VFRWMjIzFxcX09PScnJwAAABVVVXb29ufn58JCQnz8/MAAAA9PT3l5eVISEgAAAD39/eNjY0AAAAAAABLS0vt7e1+fn7////8/PwxMTEAAAAAAAARERESEhIAAAD////+/v69vb1YWFgqKioAAADIyMgAAAA3NzcAAAD////////+/v729vZra2v////9/f3////q6uoPDw9MTEx5eXn////39/csLCz////////7+/teXl7////////////////////+/v4HBwf////////ExMT///////////////////+BgYH////v7+8aGhrf39+NjY3////h4eH////9/f3+/v74+Pj////+/v7///////////////////////9WWtf3AAAA+HRSTlMAAAQC8v2/BysJ/Qbl/gNz5Qn79vcxzDMZZQz16uFI3df6zTruDxiZJlr4gBXzTxBIVJbZmSGrcPT4ksSr2JMLkGPY26RKw+rtz96B7vikL97P7Puvm9pcRXwkSvaZJMtk5ujM0IfuQzTMZ5V6sIz7yaQb2+W39bj0zuih+c3novqdY7f2pvrv1e5xb+/PLMtjmvbRP7i8XsgnbNvC3+Iix/HipuMtu/fKUcbejh3L+drG88mCNrimH07969HHu7+ixENdYKz51kX1nN6doctyfL5+utjTbHvn/KXKcjx46jDSropa0Cr6HmdBbzM55ruUgb4/yeGNHhjOxZsAAALHSURBVHhe7dVTjCRRFMfhqvZMa2zb2uHatm3btm3btm3btm2cx82pbKq7pqs3qduV3Zf7vZ77/yWdfijmv6IoiqIoirWSnGIuPESj0RRvERvz17dS07r4fCGG8dkA4F41uFmNEgq50oXqhAWAlcQCFT3lSVfK3xRy8W+epZQhXavMKrDlUk7hcDppHYgK6Kh1MB1elI8V2xIdXbIU3y6dV+lQOqaPETjlC3oznMgiVYADEUMdSSurq4GTFslYHB8FnLJ1HUjXSwRUIVW4aFgZkPECeVpxEVC1oNyLqJqAWuqI07VzAN20XcypD6gBcboDoEZii8aAmjgRprWPcG58LLYwLcebuhVhurUa523EF20BtSNMtwf0Rnzh2gmPnQnTXQB1tbPohsfuhOkeOO5pb9ELr70J07Nx3Nfeoh9e+xOmB+B4oL3FILwOJkwfwvESe4theB1OmB6B45E+dhaj8TqGMD0W0DjxRbIKjxMI0xMBTRJfTDbicQph2jQV19meYgvFNEDTCdPsDEAztSKLWTl4itOTpoMAuc+1XXjOAzQ/y5yiIEqzCwAtjM29WLTYGdBSF0PIMh1ROhU4wb7CxYqVbsBzX72GJM2uBU7g+g0Mz8l34yaw4rw53okgnbEVOBHbtu/wYZDOvDPQGYQCdu2Wnmb37AUO7Nt/4GB6+mFNmMENbPgfOSoxjY6FWn65SuUPvBMnwUJ9yqyVlkanz4CYs6ZzYM1w3kdaGnnnARselxjmMgioroRLSyP9VQ8QupaBX8frIOB2w1cpLY0Sbt0G3p273gwn6h4IBd6XmkbMg4eZXl5PvJ4+C3LlB/o0EHJJIkmLe+4BAi+U8qTRS+F//Oq1TGnklwnW3sqWRu9CweK9fGn04SNfjnOVMY0SPsEfn1k508j0BThf/WROo2/fAX781LOyp/Gt3y/+4T9CURRFUb8BNxDPC/dTrQUAAAAASUVORK5CYII=) no-repeat center center;
}
header ul li a.act#headerMenu {
	background: #236794 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABWAgMAAAAyBGnqAAAADFBMVEX///8AAAAAAAD////4MiRfAAAAA3RSTlMAAL+hqGrDAAAAO0lEQVR4Xu3QMQ0AIBQD0W8CE5gAE/WDHlTgDCbSgR0Scm9qbmwcgNythZVp46OepD1V33b+v9r534AFozpqpBTqkhoAAAAASUVORK5CYII=) no-repeat center center;
}

#dirPathArea {
	background:#ccc;
	padding:5px;
	text-align:center;
	margin-bottom:15px;
}

#dirPathArea > p > a {
}


/*==========*/
/* clearfix */
/*==========*/
header,
footer nav ul,
footer nav,
.clear {
	zoom:1;
}
header:after,
footer nav ul:after,
footer nav:after,
.clear:after {
    content: ""; 
    display: block; 
    clear: both;
}
