@charset "UTF-8";

html{
	padding:0;
	border:none;
	font-size:100%;
	font-family: "メイリオ","ＭＳ Ｐゴシック", Osaka, sans-serif;
	margin:0;
	background:#333;
}

body{
	color:#333;
	background:#ccc url(../image/bg_frake.gif) fixed;
	font-size:11pt;
	line-height:1.5;
	padding:0;
	margin: 0;
	}

body#menu{
	background:#888;
	line-height:1;
}

h1{
	padding:10px 20px;
	margin:0 0 10px 0;
	border-radius:30px;
	background:#333;
	-webkit-box-shadow:1px 1px 2px #666;
	-moz-box-shadow:1px 1px 2px #666;
	box-shadow:1px 1px 2px #666;
	color:#fbb610;
	font-size:26pt;
	line-height:1;
	font-weight:bold;
	text-align:center;
}

h2,h3,h4{padding:5px 0;margin:0;line-height:1;}
h2{font-size:18pt;}
h3{font-size:13pt;}
h4{font-size:11pt;}

h1 span{
	padding-left:1em;
	font-size:14pt;
}
h2 span{
	padding-left:1em;
	font-size:11pt;
}

h3 span,h4 span{
	padding-left:1em;
	font-size:10pt;
	font-weight:normal;
}


p{margin:0 0 0.5em 0;}
ul,li{padding:0;margin:0;}

img{
	border:none;
	padding:0;
	margin:0;
	vertical-align:baseline;
}
img[src$=".gif"] { 
   image-rendering: -moz-crisp-edges;
   -ms-interpolation-mode: nearest-neighbor;
}

a{color:#008fe1;text-decoration:none;}
a:focus { outline:none;} 
a:link.white,a:visited.white{color:#ffffff;}
a:visited {color:#4378b6;}
a:hover{color:#b979ce;text-decoration:underline;}

a.over1:hover{
	position:relative;
	top:1px;
	left:1px;
}

a[href^="http://"]:after,
a[href^="https://"]:after{
	content:url(../image/ic_outside.gif);
	vertical-align:middle;
	margin:0 3px;
}

a[href^="http://colornix.com"]:after,
a[href^="http://www.colornix.com"]:after{
	content:"";
	margin:0;
}

.linkbox a:after,
a.linkbox:after{
	content:"";
	margin:0;
}


img.cursor {
	margin-right: 3px;
	vertical-align: middle;
}

.small{font-size:85%;}

.orange { color : #ffa800;}
.blue { color: #48b2cd;}
.red{ color:#ff3366;}
.white{ color:#ffffff;}

.alignc{text-align:center !important;}
.alignr{text-align:right !important;}

hr{
	display:none;
}

.hr1{
	background:url(../image/hrimg.gif) repeat-x;
	height:5px;
	margin:5px 0;
}

.clear{
	/zoom:1;
	display:block;
	clear:both;
	line-height:0;
}
.clear hr{display:none;padding:0;margin:0;font-size:1pt;line-height:0;}




/* ---------- header ---------- */

#header_wrap{
	width:100%;
	height:40px;
	background:#333;
	color:#fff;
	margin:0 auto;
	position:fixed;
	-webkit-box-shadow:2px 2px 4px #333;
	-moz-box-shadow:2px 2px 4px #333;
	box-shadow:2px 2px 4px #333;
}


#header{
	width:900px;
	height:40px;
	margin:0 auto;
	padding:0;
	background: #333;
	text-align:left;
}

#headlogo{
	display:block;
	float:left;
	width:250px;
	height:40px;
}

#menubox{
	float:left;
	width:650px;
	height:40px;
}

#header ul{
	float:right;
	height:40px;
	margin:0;
}

#header ul li{
	display:block;
	float:left;
	list-style:none;
	padding:10px 0 0 0 ;
	font-size:11pt;
	font-weight:bold;
}

#header ul li a{color:#fff;display:block;padding:0 5px;}
#header ul li a:hover{
	color:#b979ce;
	text-decoration:none;
	position:relative;
	top:1px;
	left:1px;
}

#header ul li img {
	margin-right: 1px;
	vertical-align:baseline;
}


/* ---------- wrap ---------- */

#wrap{
	width:900px;
	text-align:left;
	margin:0 auto;
	padding:50px 0 0 0;
	word-wrap:break-word;
}

/* ---------- box ---------- */
.box1{/*幅100%無地*/
	width:880px;
	margin-bottom:10px;
	padding:10px;
	overflow:hidden;
}

.box1b{/*幅100%白地*/
	width:880px;
	background:#fff; 
	margin-bottom:10px;
	padding:10px;
	border-radius:8px;
	-webkit-box-shadow:1px 1px 2px #666;
	-moz-box-shadow:1px 1px 2px #666;
	box-shadow:1px 1px 2px #666;
/*	overflow:hidden;*/
}

.box2{padding:5px;}
.box3{padding:0 10px 5px 10px;}
.box4{padding:0 15px;}

.box1b h2,.box1b h3{color:#48b2cd;}

.float_l{float:left;margin-right:10px;}

.boxblank{
	visibility:hidden;
	width:5px;
	height:120px;
}

.note{
	background:url(../image/midashi1.gif) no-repeat left top .2em;
	padding-left:16px;
}

/* ---------- pageup ---------- */
.pageup{
	width:100%;
	margin-top:10px;
	font-size:14pt;
	font-weight:bold;
	text-align:right;
}


/* ---------- footer ---------- */


#footer_wrap{
	width:100%;
	height:30px;
	margin-top:10px;
	background:#333;
	color:#fff;
}

#footer
{
	width:890px;
	margin:0 auto;
	padding:5px;
	font-size:10pt;
	text-align:center;
}

#footer img{vertical-align:middle;}

/* ---------- form ---------- */

form{margin:5px;}

input,textarea,select{
	background-color: #ffffff;
	color:#333333;
	border:1px solid #333333;
	}