@charset "utf-8";
@import url("parts.css");

/* CSS Document */

/************************

	HTML Tags Reset

*************************/

html,body { margin:0;padding:0;}
body {font:12px "ＭＳ ゴシック", "Osaka－等幅" arial,sans-serif; text-align:left;color:#5e5e5e; text-align:justify;}
p { margin:0;line-height:150%; font-size:1.1em; font-weight:normal;}
a { color:#0000FF;text-decoration:none;}
a:visited{ color:#0000FF;}
a:hover , a:active{ color:#0000FF; text-decoration:underline;}
img { border:0; vertical-align:bottom; line-height:0;}
ul { margin:0; padding:0;}
li { list-style:none;}
h1,h2,h3,h4,h5 { margin:0; padding:0;}
th { font-weight:normal; text-align:left;}

/************************

	General Class

*************************/
.clear{clear:both;}
.left{float:left;display:inline;}
.right{float:right;display:inline;}
.auto {margin:0 auto;}
.center { text-align:center;}

/************************

	Clearfix Class

*************************/
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

/************************

	Common

*************************/

#container {margin:0 auto;padding:0;width:700px;}
#wrapper {margin:0 auto;}

/*img*/
img.leftpix {float:left;display:inline; padding:0 5px 5px 0;}
img.rightpix {float:right;display:inline; padding:0 0 5px 5px;}

/*header*/
#header h1 { margin:0; padding:0; line-height:20px; font-size:0.9em; font-weight: normal; border-bottom:#000033 2px solid;}
#header { margin:0 0 15px 0; padding:0;}
#header p { margin:0; padding:0;}

/*maincontents*/
#maincontents { margin:0; padding:0; width:461px;}
#maincontents h3.toptitle { margin:0 0 8px 0; padding-left:8px; border-left:3px solid #666699;  border-bottom:1px solid #666699; line-height:180%; background:#efefef;}
#maincontents h3 { margin:8px 0 8px 0; padding-left:8px; border-left:3px solid #666699;  border-bottom:1px solid #666699; line-height:180%; background:#efefef;}
#maincontents h3.sec { margin:10px 0 8px 0;}
#maincontents h4 { margin:5px 0 8px 0; height:25px; background:url(../../imgdir/h4dot.gif) right bottom repeat-x;}
#maincontents .flow { margin:0 auto; padding:10px; text-align:center;}
#maincontents .arrow { margin:0 auto; padding:5px; text-align:center;}
#maincontents .element h4.none { background:none;}
#maincontents .tb { margin:10px; width:90%; border-collapse:collapse; border:1px solid #CCCCCC;}
#maincontents .tb th { border-collapse:collapse; border:1px solid #CCCCCC; background:url(../../imgdir/tbbg.jpg) left bottom repeat-x; width:30%; padding:5px;}
#maincontents .tb td { border-collapse:collapse; border:1px solid #CCCCCC; width:70%; padding:5px;}
#maincontents .tb a:link , a:hover , a:visited { color:#0000FF;}

#maincontents blockquote { margin:0; padding:5px; border:1px solid #CCCCCC; line-height:160%; background:#FFFFCC;}

#maincontents ul.course { margin:0 0 0 30px; padding:8px; }
#maincontents ul.course li { margin:0; padding:0; line-height:160%; list-style:decimal; }

#rightarea { margin:0; padding:0 0 10px 0; width:221px; float:right;}
/*rightcontents*/
#rightcontents { margin:0; padding:0 0 10px 0; width:221px; border-bottom:1px dotted #999999;}
#rightcontents .box { margin-bottom:0;padding:0 0 20px 0; background:url(../../imgdir/boxbg-pt01.gif) repeat-y right top;}
#rightcontents .boxsec { margin-bottom:0;padding:0 0 20px 0; background:url(../../imgdir/boxbg-pt02.gif) repeat-y right top;}
#rightcontents .box p { margin:0; padding:5px; color:#FFF; font-size:1em;}
#rightcontents .box p span { float:right; display:inline;}
#rightcontents .boxsec p { margin:0; padding:5px; color:#444; font-size:1em;}
#rightcontents .detail { margin:0 0 0 20px; padding:0;}
#rightcontents .detail h4 { margin-bottom:5px; padding:20px 0 0 0;}
#rightcontents .detail h5 { margin-bottom:5px; padding:0 0 0 5px;font-size:1em;color:#333;}
#rightcontents.sec { margin:0; padding:10px 0 10px 0; width:222px; border-bottom:1px dotted #999999;}
#rightcontents .center { margin:0; padding:0 0 5px 50px;}
#rightcontents img.pix { margin-bottom:5px;}
#rightcontents img.pixtr { margin:0 0 5px 5px;} 
#rightcontents  ul { margin:0; padding:5px; list-style-type:none;}
#rightcontents  ul li { margin:0; padding:0; line-height:1.5em;}
#rightcontents  ul li a:link , a:hover , a:visited { color:#0000FF;}

/*footer*/
#footer {width:700px;background:url(../../imgdir/footer_shadow.gif) no-repeat;background-position:0px 30px; position:relative; clear:both; float:left; display:inline;}
#footer img { margin:0; padding:10px;}
#footer ul {
	margin:0;
	padding:0;
	position:absolute;
	top:1px;
	right:1px;
	float:right;
	display:inline;
}
#footer ul li { margin:0; padding:0; float:left;display:inline; padding:0 10px; border-left:1px #CCCCCC solid; line-height:20px;}


p.att { font-size:10px; color:#990000; line-height:180%;}