@charset "utf-8";
/* コウタリ・ミックス メインCSS */

body {
	background-color: #FFF;
	background: #EDFFD9 url('../img/design/body_bg.jpg') repeat-x;
	color:black;
	font-family:"ＭＳ Ｐゴシック",Osaka,sans-serif,Arial;
	font-size:100%;
	text-align: center;
	padding: 0px 0px;
	margin: 0px 0px;
}

small { font-size:86%; }

a { color:#003d4c; font-weight:bold; text-decoration:none; }
a:hover { color:#229922; text-decoration:underline; }
a img { border:none; }
a.helpTip { font-size:85%; border:1px solid #CC00FF; color:#CC00FF; text-decoration:none;}
a.helpTip:hover, a.helpTip2:hover {
	background-color:#FFF; font-size:85%; border:1px solid red; color:red; text-decoration:none;
}
a.helpTip2 {
	background-color:#CC66FF;
	font-size:85%; border:1px solid #CC66FF; color:#FFF;
	text-decoration:none;
}
a.hide { color:white; }


br#clear { clear:both; }

span.asta { color:red; }
ul { margin-top:5px; }
li { margin-top:3px; }
#container div#content_main div.error { color:red; font-weight:bold; }
#container div#content_main div.ex { color:red; }

strong#checkit {
	font-size:110%;
	color:#22aa30;
}


/* Layout */

#container {
	width:982px;
	margin: 0px auto;
	padding: 0px 0px;
	border: solid 0px #aaffaa;
	font-size:85%;
	text-align:left;

}


#container small { font-size:90%; }

#container h1 {
	background: url('../img/cake.icon.gif') no-repeat left;
	color: #ffffff;
	padding: 0px 30px;
}
#container h1 {
	font-weight: normal;
	text-decoration: none;
}

#container h2 {
	font-size: 130%;
}

#container h3 {
	font-size: 120%;
}

#container h4 {
	font-size: 110%;
}

#container div#header{
	width:950px;
	height:230px;
	background-color: #FFF;
	background: url(../img/design/container_bg1.jpg) no-repeat center top;
	border: solid 0px #aaccaa;
	color:black;
	padding: 0px 16px;
}

#container div#content{
	border: solid 0px #ddffdd;
	width:950px;
	background-color: #fff;
	clear: both;
	color: #333;
	padding: 0px 0px;
	margin: 0px 0px;
	text-align:left;
	overflow: auto;
}

#container div#content_left {
	float:left;
	/*border: solid 1px #aaaaaa;*/
	border-right: 1px dotted #CCCCCC;
	width:180px;
	margin-top:4px;
}


#container div#c_auth {
	border: solid 0px #CCC;
}

#container div#c_user {
	border: solid 0px #CCC;
	/*background-color: #F0F9F0;*/
}

#container div#c_menu1 {
	border: solid 0px #CCC;

}

#container div#c_menu1 div#menuTitle{

}

#container div#content_left div#menutip {
	padding: 4px 0px 5px 9px;
	border-bottom: solid 1px #aba;
	font-size:13px;
}

div#menutip img {
	vertical-align: middle;
	margin-right:5px;
	margin-bottom:2px;
}


#container div#content_main {
	float:left;
	border: solid 0px #aaaaaa;
	width:632px;
	padding: 0px 0px;
	margin: 0px 0px;
	margin-top:4px;
}



div#c_outer{
	text-align:center;
	margin:0px auto;
}

div#c_inner{
	width:621;
	text-align:left;
	margin:0px auto;
	padding:0px;
	border: 0px;
}

div#c_inner a {
	color : #7755aa;
}

div#c_inner a.helpTip { font-size:85%; border:1px solid #CC00FF; color:#CC00FF; text-decoration:none;}
div#c_inner a.helpTip2 {
	background-color:#CC66FF;
	font-size:85%; border:1px solid #CC66FF; color:#FFF;
	text-decoration:none;
}
div#c_inner a.helpTip:hover, div#c_inner a.helpTip2:hover {
	background-color:#FFF; font-size:85%; border:1px solid red; color:red; text-decoration:none;
}


div#c_bbs a, div#c_bbs span.mini {
	color : #c9b9d0;
}


/* operation box */
div#opebox {
	width:580px;
	border-top : 1px solid #fda;
	border-bottom : 1px solid #fda;
	font-size:12px;

}
div#opebox div#ope_in { width:570px; padding:4px; text-align:left; }
div#ope_name {	border-bottom:1px solid #fda; }
div#ope_link {	margin-top:3px; margin-left:5px; line-height:16px; }
div#ope_left1 {	float : left; width:45px; padding-left:6px; }
div#ope_left2 {
	float : left;
	width : 230px;
	border : 0px solid #aaa;
	padding-left:3px;
}
div#ope_right1 { float : left; width:45px; padding-left:5px; }
div#ope_right2 {
	float : left;
	width : 230px;
	border  : 0px solid #aaa;
	padding-left:3px;
}

div#watch { color:#cc3366; }

div#nkp {
	/*padding-bottom:10px;
	margin-bottom:10px;*/
	line-height:120%;
}
div#nkp div { float:left; }
div#nkp div#serifu { width:400px; }


img#nkp { border:1px solid #aaa; vertical-align:middle; float:left; margin-right:3px; }

#news {
	border: dotted 1px #ddd;
	float:left;
	width:290px;
	height:180px;
	text-align:left;
	font-size:95%;
	overflow: auto;
}

#menu_tab {
	float:left;
	display:none;
	width:309px;
	margin:0px;
	padding:0px;
	text-align:left;
}

#menu_tab h3 {
}

#menu_tab p {
	padding:1px 5px;
}

#c_main1 {
	border: solid 0px #aaaaaa;
	margin: 0px 2px;
	padding:0px 5px 0px 8px;
}

#c_main2 {
	margin:0px 5px 0px 8px;
	padding:0px;
	border-top: solid 1px #aaaaaa;
	border-bottom: solid 1px #aad0aa;
}

#c_main3 {
	margin:0px 5px 0px 8px;
	padding:0px;
	border: solid 0px #aaaaaa;
}

div#adv_head {
	border-top: 0px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
	width:70px; height:10px; font-size:11px;
}

div#adv_foot {
	border-top: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
	border-bottom: 0px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
	width:70px; height:3px; font-size:3px;
}


#c_main4 {
	margin:2px;
	border: solid 0px #aaaaaa;
}

#c_main_cmn {
	border: solid 0px #aaaaaa;
	margin:2px;
	padding:0px 3px 0px 6px;
}

#container div#c_text1 {
	margin:10 70 30 70;
	line-height:180%;
}

#container div#c_text1 a {
	color:#6600aa;
}

#container div#c_text1 span#que {
	color:red; font-weight:bold;
}

#container div#c_text1 span#ans {
	color:blue; font-weight:bold;
}


#container div#content_right {
	float:right;
	/*border: solid 1px #aaaaaa;*/
	border-left: 1px dotted #CCCCCC;
	width:132px;
	padding: 0px 0px;
	margin: 0px 0px;
	margin-top:4px;
	font-size:90%;
}


#container div#footer {
	height: 30px;
	background: #b0ff66 url('../img/design/footer_bg.gif');
	border-bottom: solid 3px #66cc33;
	text-align: center;
	font-size:80%;
}


/* Tables */
#container #c_inner table {
	background-color: #DDDDDD;
	border: solid 1px #aaaaaa;
	border-collapse: collapse;
	font-size:90%;
	margin:0px auto;
	-moz-border-radius: 7%;
}

#container #c_inner tr {  }

#container #c_inner th {
	background-color: #F3F3DD;
	border: solid 1px #aaaaaa;
	padding:7px 2px;
	text-align: center;
}

#container #c_inner td {
	background-color: #FFF;
	border-top: solid 1px #aaa;
	border-right: solid 1px #D0D0D0;
	border-bottom: 0px;
	border-left: 0px;
	padding:6px 2px;
}

#container #c_inner td#itemLabel {
	border-right: dotted 1px #F0F0F0;
	text-align:right;
}


#container #c_inner td#header {
	background-color: #F3F3DD;
	border: solid 1px #aaaaaa;
	padding:7px 2px;
	font-weight: bold;
	text-align: right;
}


/* お絵かき掲示板用 */
#container #c_bbs table {
	background-color:#fff;
	color:#555;
	font-family:Osaka,Verdana;
}

td.alpha { font-size:85%; filter:alpha(opacity=80); }

div.mes {
	font-size:12px;
	padding-right:10px;
	padding-left:10px;
	line-height:140%;
	color:#333333;
}
div.res {padding-right:10px;
	padding-left:10px;
	line-height:140%;
	color:#333333;
	font-size:80%;
	}
div.title { color:#555555; }
span.mesname {font-size:14px; font-weight:bold; color:#339911;}

span.resname {font-weight:bold; color:#333333; 	font-size:80%; font-family:Osaka,Verdana;}
.mesinfo {font-size:10px;color:#333333;}
.resinfo {font-size:10px;color:#666666;}
.mini { font-size:10px; color:#aaa; }
.menu {font-size:11px;}
.menu {font-size:11px;}
.menu a { color:#cc99ff; }

.form {font-size:12px;}
.forminfo {font-size:12px;}
.quot {color:#CC3366;}
.img {}
input.button {
	color:#000000;
	background-color:#fff;
	border-top:1px solid #000000;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	border-left:1px solid #000000;
	font-size:80%;
	}
.Pbutton {
	color:#ffffff;
	background-color:#000000;
	border-top:0px solid #000000;
	border-right:0px solid #000000;
	border-bottom:0px solid #000000;
	border-left:0px solid #000000;
	font-size:70%;
	}


/* タブボックス表示領域全体 */
div.tabbox {
	margin: 0px;
	padding: 0px;
	width: 302px;
	float: right;
	border: 0px;
}
/* タブ部分 */
p.tabs {
	margin: 0px;
	padding: 0px;
	width: 300px;
	border: 0px;
}
p.tabs a {
	display: block; float: left; border: 0px;
	color: white;
	height: 37px;
	width: 74px;
}

p.tabs a:hover { color: yellow;  border: 0px; }

div#tab_outer {
	margin: 0px;
	padding: 0px;
	height: 140px;
	border: 1px solid #CCCCCC;
}

/* タブ中身のボックス */
div.tab {
	height: 192px;
	overflow: auto;
	clear: left;
	width: 302px;
}

div#tab1 {	display: none; height: 140px; width: 100%; border: 0px solid #CCCCCC; background: #FFFFC0;}
div#tab2 {	display: none; height: 140px; width: 100%; border: 0px solid #CCCCCC; background: #FFDDB9; }
div#tab3 {	display: none; height: 140px; width: 100%; border: 0px solid #CCCCCC; background: #F6DDFF; }
div#tab4 {	display: none; height: 140px; width: 100%; border: 0px solid #CCCCCC; background: #D9FFF9; }

div.tab div#tab_line {
	width: 280px;
	border-bottom:1px dotted #ccc;
	padding-top:3px;
	margin: 5px 5px;
}




/* 試験　携帯端末用 */
@media handheld {

	#container #c_bbs table {
		display: none;
	}

	#container div#header{
		display: none;
	}


	#container div#content_right {
		display: none;
	}

}



/* tooltip */
.tooltip{
	width:200px;
	color:#000; font:12px Arial,sans-serif;text-decoration:none;
}
.tooltip span.top{
	width:200px; padding: 20px 0px 0px 0px;
	background:url(../img/bt.gif) no-repeat top;
	filter:alpha(opacity=90); /*IE*/ -moz-opacity:0.90; /*FF*/ opacity:0.94;
}
.tooltip span.intext{
	font-size:12px; text-align:left; line-height:13px;
	padding:10px 7px 0px 10px;;
}
.tooltip span.bottom{
	width:200px; font-weight:normal; padding:3px 0px 10px 0px; color:#007722;
	text-align:center; background: url(../img/bt.gif) no-repeat bottom;
	filter:alpha(opacity=90); /*IE*/ -moz-opacity:0.90; /*FF*/ opacity:0.94;
 }


/* highslide */
.highslide-wrapper div {
    font-family: Verdana, Helvetica;
    font-size: 10pt;
}
.highslide-html {
    background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;

    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: #F0F6FF;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

/* Styles for the popup */
.highslide-wrapper, .rounded-white {
	background-color: white;
}
.highslide-wrapper .highslide-html-content {
    width: 400px;
    padding: 0 5px 5px 5px;
}
.highslide-wrapper .highslide-header {
	padding-bottom: 5px;
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
	color:white;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 15px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	margin-top: 4px;
	height: 11px;
	width: 11px;
	background: url(highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
	text-align:left;
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}





/* Paging */
div.paging {
	color: #ccc;
	margin-bottom: 2em;
}
div.paging div.disabled {
	color: #ddd;
	display: inline;
}
div.paging span {
}
div.paging span.current {
	color: #000;
}
div.paging span a {
}



/* Scaffold View */
dl {
	line-height: 2em;
	margin: 0em 0em;
	width: 60%;
}
dl.altrow {
	background: #f4f4f4;
}
dt {
	font-weight: bold;
	padding-left: 4px;
	vertical-align: top;
}
dd {
	margin-left: 10em;
	margin-top: -2em;
	vertical-align: top;
}

/* Forms */
form {
	clear: both;
	padding: 0;
}
fieldset {
	border: 1px solid #ccc;
	margin-top: 30px;
	padding: 16px 20px;
}
fieldset legend {
	color: #e32;
	font-size: 160%;
	font-weight: bold;
}
fieldset fieldset {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 16px 0;
}
fieldset fieldset legend {
	font-size: 120%;
	font-weight: normal;
	margin-left: 20px;
}
fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}

form div {
	clear: both;
	margin-bottom: 1em;
	padding: .5em;
	vertical-align: text-top;
}
form div.input {
	color: #444;
}

form div.required {
	color: #333;
	font-weight: bold;
}
form div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
}
label {
	display: block;
	font-size: 110%;
	padding-right: 20px;
}


input, textarea {
	display: inline;
	padding: 2px;
	font-size:100%;
}
select {
	clear: both;
	vertical-align: text-bottom;
}
select[multiple=multiple] {
	width: 100%;
}
option {
	padding: 0 3px;
}
input[type=checkbox] {
	margin: 0px 6px 7px 2px;
	width: auto;
}
input[type=submit] {
	display: inline;
	padding: 2px 5px;
	width: auto;
}


/* Notices and Errors */
div.message {
	clear: both;
	color: #900;
	font-size: 140%;
	font-weight: bold;
	margin: 1em 0;
}
div.error-message {
	clear: both;
	color: #900;
	font-weight: bold;
}
p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}
.notice {
	background-color: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	background-color: green;
	color: #FFF;
}


/*  Actions  */
div.actions ul {
	margin: 0px 0;
	padding: 0;
}
div.actions li {
	display: inline;
	list-style-type: none;
	line-height: 2em;
	margin: 0 2em 0 0;
	white-space: nowrap;
}
div.actions ul li a {
	color: #003d4c;
	text-decoration: none;
}
div.actions ul li a:hover {
	color: #333;
	text-decoration: underline;
}


/* Related */
div.related {
	clear: both;
	display: block;
}


/* Debugging */
pre {
	color: #000;
	background: #f0f0f0;
	padding: 1em;
}
pre.cake-debug {
	background: #ffcc00;
	font-size: 120%;
	line-height: 140%;
	margin-top: 1em;
	overflow: auto;
	position: relative;
}
div.cake-stack-trace {
	background: #fff;
	border: 4px dotted #ffcc00;
	color: #333;
	margin: 0px;
	padding: 6px;
	font-size: 120%;
	line-height: 140%;
	overflow: auto;
	position: relative;
}
div.cake-code-dump pre {
	position: relative;
	overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
	color: #000000;
	background-color: #F0F0F0;
	margin: 0px;
	padding: 1em;
	overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
	clear: both;
	font-size: 12px;
	line-height: 15px;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
div.cake-code-dump span.code-highlight {
	background-color: #FFFF00;
	padding: 4px;
}