@charset "utf-8";


/*-----------------------------各ブラウザ初期値クリア----------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*-----------------------------各ブラウザ初期値クリア----------------------------------*/

*{		
			margin:0;
			padding:0;
			font:12px "ＭＳ Ｐゴシック",Verdana, Arial, Helvetica, sans-serif;
			/*font-size:12px;		
			font-style:normal;
			font-weight:normal;
			color: #000;*/
			word-break: break-all;
			scrollbar-3dlight-color:#d1d1d1;
			scrollbar-face-color:#f5f5f5 ;
			scrollbar-arrow-color:#999999;
			scrollbar-highlight-color:#f8f8ff;
			scrollbar-shadow-color:#d1d1d1;
			scrollbar-darkshadow-color:#f5f5f5 ;
			scrollbar-track-color:#fafafa; 
}


body  {
			background: #fff;; 
			text-align: center;
}


h1,h2,h3,h4,h5{
			line-height:1.5;
			padding:7px 0px;
			font-size:12px;
			font-style:normal;
}

p {
			margin:7px auto;
			font-size:12px;
			text-align:left;
			line-height:1.6;
}

a:link{
    		text-decoration:none;
    		color: #00f;
}

a img{
			border:2pt solid #ccc;
}

.ret-img a {
			color: #ccc;
}

a:visited{
    		text-decoration:none;
    		color:#777;
}

.ret-img a:visited {
			color: #777;
}

a:hover{
    		color:#f00;
		
}

.ret-img a:hover {
			color: #f00;
}

a:hover img{
			border: 2pt solid #f00;
}

a {
		cursor:pointer;
		overflow:hidden;
		outline:none;
}

html, body { 
			overflow-x: hidden; 
}

h2.start {
		text-align:left;
		font-size:12px;		
		font-style:normal;
		font-weight:normal;
		color: #000;
		position: absolute;
		top:0px;
		left:30px;
		
}

.contents #container { 
			width: 980px;
			background: #fff;
			margin: 0 auto;
} 

.contents #sidebar1 {
			float: left; 
			padding-left: 40px;
			width: 280px; 
			background-color: #fff; 
}

.contents #sidebar2 {
			float: right; 
			width: 280px; 
			height: 664px;
			background-color: #fff;
			margin-top: 70px; 
			display:inline;
}

.contents #mainContent {
			width: 340px;
			height: 780px;
			margin: 0 320px;
			padding: 0px 0px;
			text-align: center;
			overflow:hidden;
}
 
.contents #title {
			width: 208px;
			margin: 0px 60px 5px 60px;
}

.contents #title h1 {
			position:absolute;
    		text-indent: -9999px;
}

div #imagebox { 
			margin: 18px auto;
			padding:5px 0px;
			width:200px;
			height:60px;
			font-size:12px;
			border-top:dashed;
			border-top-width: 1px;
			border-top-color:#666;
			border-bottom:dashed;
			border-bottom-width: 1px;
			border-bottom-color:#666;
			text-align:center;
}

.pcenter {
			text-align:center;
}

.arc90_linkpic {
display: none;
position: absolute;
left: 0;
top: 1.5em;
}
.arc90_linkpicIMG {
padding: 0 4px 4px 0;
background: url(img/linkpic_shadow.gif) no-repeat bottom right;
} 

.arrow {
			width:auto;
			margin: 7px 0px 0px 30px;
			float: left;
}

.ret-img {
			width:auto;
			margin: 12px 0px 0px 5px;
			font-size: 22px;
			float: left;
			height: 20px;
			text-align:center;
}

#naviarea {
			clear:both;
			margin: 0px 100px;
}

#navilist ul {
			margin: 10px 0 20px 10px;
			padding: 0;
			list-style: none;
			text-indent: -9999px;
}

#navilist li,#navilist a{
			display: block;
			width: 130px;
			height: 40px;
}

#navilist a{
			text-decoration: none;
			background-image: url(img/retouch/navi.gif);
			background-repeat: no-repeat;
}

#navi02 a{
			background-position: 0px -30px;
}

#navi03 a{
			background-position: 0px -60px;
}

#navi04 a{
			background-position: 0px -90px;
}

#navi05 a{
			background-position: 0px -120px;
}

#navi06 a{
			background-position: 0px -150px;
}

#navi07 a{
			background-position: 0px -180px;
}

#navi01 a:hover {
			background-position: -130px 0px;
}

#navi02 a:hover {
			background-position: -130px -30px;
}

#navi03 a:hover {
			background-position: -130px -60px;
}

#navi04 a:hover {
			background-position: -130px -90px;
}

#navi05 a:hover {
			background-position: -130px -120px;
}

#navi06 a:hover {
			background-position: -130px -150px;
}

#navi07 a:hover {
			background-position: -130px -180px;
}


.contents #footer {
			clear: both;
			margin: 20px auto;
			padding: 0;
			width: 900px;
			height:30px;
			color: #000;
			font-size: small;
			border-top-width: 1px;
			border-top-style: solid;
			border-top-color: #000;
			text-align: center;
}

div#access {
			position:absolute;
    		text-indent: -5000px;
}

div.float {
			display:inline;
}


.clearfloat {  /*このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
			clear:both;
   		 	height:0;
   		 	font-size: 1px;
   		 	line-height: 0px;
}