/*-----------------------------------------------

	CSS : COMMON

-----------------------------------------------*/

*{ margin:0; padding:0;}
img{ border:0;}
input, button, select, optgroup, option, textarea{ position:relative; top:0px; margin-right:2px; padding:1px;}
input, button, select, optgroup, option, textarea{ position:relative; _top:2px; _margin-right:2px; } /* IE6 */
body {
	font-size:12px;	line-height:1.6;
	color: #333;
	background-image:url(../img/back.gif); background-repeat:repeat-x;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	}
a{ color:#C00;}
a:hover{ color:#FF0000;}
ul,ol,dl{ list-style:none;}
li img {vertical-align:top;}
table{border:0;border-collapse:collapse;border-spacing:0;}

.pd_b10 {padding-bottom:10px;}
.pd_b20 {padding-bottom:20px;}
.pd_b30 {padding-bottom:30px;}

a.arrow01 {
	background-image:url(../img/arrow_01.gif);
	background-position:0 0.3em;
	background-repeat:no-repeat;
	padding-left:13px;}
/*-------------- contents --------------*/
#contents h2.title, #contents #main_right h2 {margin-bottom:15px;}
#contents .text_bg {background-position:right top; background-repeat:no-repeat; padding-bottom:20px;}
#contents .pagetop {text-align:right; padding:10px;}
#contents .next_back {text-align:right; padding-top:10px;}

/*-------------- layout BASE --------------*/
.container {width: 750px;
	margin: 0 auto;
	background-color:#FFF;}
#contents { clear:both;padding:15px 10px;}
#main {padding-left:60px;}
#footer {
	width: 750px;		/* for IE5.5-6.0 */
	clear: both;}

/*--------------layout 2column--------------*/
#main_right {width: 545px;float:right;}
#left {width: 175px;float:left;}


/*--------------Header--------------*/
#header {background:url(../img/header_bg.jpg) right top no-repeat; padding:5px 1px;}
#header h1 {float:left; width:188px;}
#header ul.subNavi {float:right; width:423px; padding-top:2px;}
#header ul.subNavi li {float:left;}

#globalNavi { padding:0 3px; background-color:#CC0000;}
#globalNavi li {float:left; width:124px;}

/*--------------Pankuzu--------------*/
#pkz {font-size:10px; margin:5px 0 0 5px;}
#pkz a {text-decoration:none;}

/*--------------Footer--------------*/
#footer { padding-top:20px;}
#footer li {display:inline; padding:10px;}
#footer .copyright { font-size:10px;font-family:Arial, Helvetica, sans-serif;
text-align:right;padding:5px 10px; background:url(../img/footer_bg.gif) repeat-x;}
#footer a {color:#333;}
#footer a:hover {color:#C00;}


/*--------------LeftNavi--------------*/
#left ul {margin-bottom:15px;}

/* TEXT Navigation */
.textNavi h2 { background-color:#FF0000; color:#FFCC00; font-size:14px; text-align:center;
margin-bottom:10px;padding:5px 2px 3px 2px; line-height:1.1;}
.textNavi ul { margin-bottom:15px;}
.textNavi ul li { text-align:center; margin-bottom:5px;}


/*--------------clearfix--------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */