/* ----- 共通の設定 -----*/

body {
	margin:0;
	padding:0;
	font-size:1em;
	line-height:170%;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	color:#333;
	}

img{ 
	border:0; 
	}

h1,h2,h3,h4,p,ul,ol,li,img,form{ 
	margin:0; padding:0; 
	}

li{ 
	list-style-type:none; 
	}

a:link { 
	text-decoration:none; 
	background:url(../images/dotline.gif) repeat-x left bottom; 
	color:#03F; 
	}
a:visited { 
	text-decoration:none; 
	background:url(../images/dotline.gif) repeat-x left bottom; 
	color:#03F; 
	}
a:active { 
	text-decoration:none; 
	background:url(../images/dotline.gif) repeat-x left bottom; 
	color:#03F; 
	}
a:hover { 
	text-decoration:none; 
	background:url(../images/dotline2.gif) repeat-x left bottom; 
	color:#f00; 
	}

small{ 
	font-size:0.82em;
	line-height:150%;
	}

.clear{clear:both;}

hr{display:none; visibility:hidden; clear:both;}

#wrapper{
	width:960px;
	margin:0 auto;
	margin-bottom:12px;
	padding-bottom:12px;
	}



/* ----- 画像にマウスオーバーしたときの設定 -----*/

/* -- モジュール --*/
#top_mainimg a:hover img, #osusume a:hover img {  
    margin: -2px;  
    padding: 1px;  
    border: solid 1px #69f;  
	}  
  
/* for IE6 */  
* html #top_mainimg a:hover, #osusume a:hover {  
    zoom: 1;  
	}  
    * html #top_mainimg a:hover img, #osusume a:hover img {  
        /* for BackCompat mode 
            margin-left: -4px; 
            margin-right: -4px; 
        over here */  
        float: left;  
        position: relative;  
		background:none;
    	}  

/* -- ヘッダメニュー --*/
#headmenu a:hover img {  
    margin-bottom: -1px;  
    border-bottom: solid 1px #69f;  
	}  
  
/* for IE6 */  
* html #headmenu a:hover {  
    zoom: 1;  
	}  
    * html #headmenu a:hover img {  
        /* for BackCompat mode 
            margin-left: -4px; 
            margin-right: -4px; 
        over here */  
        float: left;  
        position: relative;  
		background:none;
    	}  



/* ----- ヘッダの設定 -----*/

#header{
	width:912px;
	height:72px;
	margin-left:24px;
	border-bottom:1px solid #ccc;
	}
#header h1{
	float:left;
	margin-top:21px;
	margin-left:2px;
	}
#header ul{
	float:right;
	margin-top:21px;
	margin-right:2px;
	}
#header li{
	float:left;
	}

#topicpath{
	width:912px; 
	margin-bottom:12px; 
	margin-left:24px; 
	border-bottom:1px solid #ccc; 
	font-size:85%;
	}
#topicpath p{
	margin:0 2px;
	}

#header a,
#osusume a{
	background:none; 
	}



/* ----- コピーライトの設定 -----*/

#copyright{
	width:912px; 
	margin-left:24px; 
	padding-top:12px; 
	line-height:130%; 
	color:#333;
	border-top:1px solid #ccc;
	}

#copyright #left { 
	width:456px;
	float:left;
	}
#copyright #right { 
	width:456px;
	text-align:right;
	float:right;
	color:#454545;
	}
#copyright #left small{ 
	color:#454545;
	}

#topicpath a:link, #footer a:link, #footer_s a:link, #copyright a:link { text-decoration:none; background:none; color:#454545; }
#topicpath a:visited, #footer a:visited, #footer_s a:visited, #copyright a:visited { text-decoration:none; background:none; color:#454545; }
#topicpath a:active, #footer a:active, #footer_s a:active, #copyright a:active { text-decoration:none; background:none; color:#454545; }
#topicpath a:hover, #footer a:hover, #footer_s a:hover, #copyright a:hover { text-decoration:none; background:url(../images/dotline2.gif) repeat-x left bottom; color:#f00; }



/* ----- コンテンツの設定 -----*/

#contents{
	width:912px; 
	margin:24px 0 0 24px;
	padding:0;
	}

#contents_l{
	width:648px; 
	float:left; 
	}
#contents_l h4{
	font-size:larger;
	display:inline;
	}
#contents h2{
	margin-top:6px;
	margin-bottom:28px;
	line-height:100%;
/*	_font-size:1.7em;*/
	}

#contents_l p{
	margin-bottom:12px;
	}
#contents_l p.sl{
	margin-bottom:6px;
	}

#contents_l ul{
	line-height:140%;
	margin-top:9px;
	margin-bottom:12px;
	}
#contents_l li{
	margin-bottom:10px;
	background:url(../images/listdot.gif) no-repeat 12px 7px;
	padding-left:24px;
	}

#contents_l .cap_indent{
	padding-left:1em; 
	text-indent:-1em; 
	}
#contents_l .cap_indent_first{
	padding-left:1em; 
	text-indent:-1em; 
	margin-bottom:0;
	}


#contents dt{
	font-weight:bold;
	}
#contents dd{
	margin-bottom:12px;
	}


#contents_r{
	width:228px; 
	float:right;
	}
#contents_r ul{
	line-height:140%;
	}
#contents_r li{
	background:url(../images/fukidashi.gif) no-repeat left top; 
	padding-left:34px;
	margin-bottom:8px;
	}

#contents_r ul.sub{
	margin-top:24px;
	line-height:140%;
	}
#contents_r ul.sub li{
	background:url(../images/arw.gif) no-repeat 24px 5px;
	padding-left:34px;
	margin-bottom:8px;
	}

.hissu{
	font-weight:normal; 
	font-size:0.8em; 
	color:#F00;
	}



/* ----- ページのトップへの設定 -----*/

.pagetop{
	width:912px; 
	margin-left:24px; 
	margin-bottom:6px; 
	text-align:right;
	font-size:80%;
	}



/* ----- 規約の設定 -----*/

p.kiyaku_midashi{
	font-size:1.25em;
	padding:12px 0;
	font-weight:bold;
	}
.kiyaku_overflow{
	width:100%; 
	height:400px; 
	border:1px solid #ccc; 
	overflow:auto;
	}
.kiyaku_box{
	padding:12px 24px;
	font-size:0.85em;
	line-height:150%;
	}



/* ----- テーブルの設定 -----*/

table.size1{
	width:100%;
	border:0;
	border-collapse:collapse;
	line-height:140%;
	margin:12px 0;
	}

table.size1 th{
	white-space: nowrap;
	background-color:#f9f9dd;
	text-align:left;
	}

table.size1 th, table.size1 td{
	border:1px solid #ccc;
	padding:5px 10px;
	}

table.size1 td small{
	color:#454545;
	}



/* ----- フォームの設定 -----*/

table.size1 input,
table.size1 select{
	margin-bottom:2px;
	}

#form_btn{
	margin:12px 0 48px 0; 
	text-align:right;
	}

input.text,
select.text,
textarea.text{
	font-size:1em;
	padding:3px;
	font-family:"ＭＳ ゴシック", sans-serif;
	}

input.btn{
	padding:3px 0 0 0;
	}

td.hissu_err{
	background-color:#fcedf4;
	}
p.hissu_err,
td.hissu_err small.hissu_err{
	color:#f33;
	font-weight:bold;
	}

td.text{
	font-family:"ＭＳ ゴシック", sans-serif;
	}