/*  初期値設定-----------------------------------------------*/
html { font-size: 62.5%; }
body { 
font-size: 10px;
font-size: 1.0rem; 
line-height:2em;
background:#eeeeee;
text-align:center;}

*, p, ul, li, dl, dt, dd, blockquote, h1, h2, h3, h4, input, textarea, select { 
padding:0; 
margin:0; 
font-family: Meiryo, Verdana, Geneva, sans-serif;
text-align:justify;
font-size:13px;
font-size:1.3rem;
color:#333333;
}
input, select, option {
font-family: Meiryo, Verdana, Geneva, sans-serif;
font-size:13px;
font-size:1.3rem;
vertical-align:middle;
padding:0.1em;
}
textarea {
font-family: Meiryo, Verdana, Geneva, sans-serif;
font-size:13px;
font-size:1.3rem;
padding:0.1em;
color:#333333;
}
*, * focus {
outline: none;
}

/*  センタリング -----------------------------------------------*/
body {
text-align:center;
background:#f5f5f5;
}
body div {
margin:10px auto;
margin:1rem auto;
text-align:justify;
}

/*  ページ全体外枠　-----------------------------------------------*/

#wrap {
width:860px;
width:86rem;
border-left:1px solid #999;
border-right:1px solid #999;
border-bottom:1px solid #999;
background:#ffffff;
-webkit-box-shadow: 0 0 4px #999;
-moz-box-shadow: 0 0 4px #999;
box-shadow: 0 0 4px #999;
-webkit-box-shadow: 0 0 0.4rem #999;
-moz-box-shadow: 0 0 0.4rem #999;
box-shadow: 0 0 0.4rem #999;
}


/*  上部タイトルバナー　-----------------------------------------------*/
header {
border-bottom:1px solid #f0ddd6;
border-bottom:0.1rem solid #f0ddd6;
}


/*  上部パンくずリスト -----------------------------------------------*/

nav#topicpath {
background:#f4e5dd;
border-bottom:1px solid #f0ddd6;
border-bottom:0.1rem solid #f0ddd6;
padding-left:10px;
padding-left:1rem;
line-height:40px;
line-height:4rem;
}

nav#topicpath p {
display:inline;
background:url(../images/mark/topic_path.gif) no-repeat left center;
padding:0 0 0 15px;
padding:0 0 0 1.5rem;
margin:0 0 0 10px;
margin:0 0 0 1rem;
}

/*  コンテンツ外枠 ----------------------------------------------*/
#wrap-contents {
padding-top:5px;
}

/*  左メニュー -----------------------------------------------*/
nav#leftmenu {
float:left;
width:200px;
width:20rem;
margin:0 10px 20px 0;
margin:0 1rem 2rem 0;
-webkit-border-radius: 0 10px 10px 0;
-moz-border-radius: 0 10px 10px 0;
border-radius: 0 10px 10px 0;
-webkit-box-shadow: 2px 2px 2px #999;
-moz-box-shadow: 2px 2px 2px #999;
box-shadow: 2px 2px 2px #999;
-webkit-border-radius: 0 1rem 1rem 0;
-moz-border-radius: 0 1rem 1rem 0;
border-radius: 0 1rem 1rem 0;
-webkit-box-shadow: 0.2rem 0.2rem 0.2rem #999;
-moz-box-shadow: 0.2rem 0.2rem 0.2rem #999;
box-shadow: 0.2rem 0.2rem 0.2rem #999;

}
nav#leftmenu ul {
padding:10px;
padding:1rem;
}
nav#leftmenu ul {
list-style-type:none;
list-style-position:outside;
margin:0;
}
nav#leftmenu ul li {
line-height:23px;
line-height:2.3rem;
color:#001443;
background:#f4e5dd;
border-top:1px solid #f0ddd6;
border-top:0.1rem solid #f0ddd6;
border-bottom:1px solid #f0ddd6;
border-bottom:0.1rem solid #f0ddd6;
padding-left:10px;
padding-left:1rem;
}

nav#leftmenu ul ul {
list-style-type:none;
list-style-position:outside;
margin:0;
}

nav#leftmenu ul ul li {
border:0;
background:#fff;
}
nav#leftmenu ul li a {
display:block;
padding-left:15px;
padding-left:1.5rem;
line-height:20px;
line-height:2rem;
color:#333333;
}
nav#leftmenu ul li a:hover {
color:#c23732;
background:url(../images/listmark.jpg) no-repeat 0 4px;
background:url(../images/listmark.jpg) no-repeat 0 0.4rem;
}
/* 右コンテンツ ----------------------------------------------*/

article {
float:right;
text-align:justify;
width:620px;
width:62rem;
color:#333;
padding:0 10px;
padding:0 1rem;
}

/* フッタ ----------------------------------------------*/

footer {
text-align:right;
margin:10px;
margin:1rem;
border-top:2px ridge #001443;
border-top:0.2rem ridge #001443;

}

footer small,
footer small a {
text-align:right;
font-size:11px;
font-size:1.1rem;
margin:0 10px;
margin:0 1rem;
}


/*   リンク　-----------------------------------*/
a {
color: #0033CC;
text-decoration:none;
}

a:hover {
color:#883355;
text-decoration:none;
}

a img {
display:inline;
margin:0;
border:none;
}





/*   コンテンツ共通 -----------------------------------*/


h2 {
clear:both;
color:#001443;
font-weight:bold;
font-size:14px;
font-size:1.4rem;
border-bottom:2px ridge #ed9b8e;
border-bottom:0.2rem ridge #ed9b8e;
margin:10px 0;
margin:1rem 0;
padding-left:15px;
padding-left:1.5rem;
}

h3 {
color:#001443;
clear:both;
font-weight:bold;
font-size:13px;
font-size:1.3rem;
line-height:24px;
line-height:2.4rem;
background: url(../images/h3.jpg) no-repeat 50% 0%;
margin:20px 0 10px 0;
margin:2rem 0 1rem 0;
padding-left:15px;
padding-left:1.5rem;
-webkit-border-radius: 24px 0 24px 0;
-moz-border-radius: 24px 0 24px 0;
border-radius: 24px 0 24px 0;
-webkit-border-radius:2.4rem 0 2.4rem 0;
-moz-border-radius:2.4rem 0 2.4rem 0;
border-radius:2.4rem 0 2.4rem 0;

}

h4 {
clear:both;
font-weight:bold;
font-size:12px;
font-size:1.2rem;
margin:10px  0;
margin:1rem  0;
padding-left:15px;
padding-left:1.5rem;
}

img {
margin:0;
}

p {
margin:10px 0 10px 20px;
margin:1rem 0 1rem 2rem;
text-align:justify;
}
blockquote {
margin:5px 0 5px  50px;
margin:0.5rem 0 0.5rem  5rem;
}

b {
color:#933;
}

/*---表---*/
table {
border-collapse:collapse;
}
td {
text-align:left;
}


table.form th {
text-align:center;
font-weight:normal;
border:2px solid #ffffff;
border:0.2rem solid #ffffff;
background:#eeeeee;
padding:2px 5px;
padding:0.2rem 0.5rem;
white-space:nowrap;
}
table.form td {
text-align:left;
border:2px solid #ffffff;
border:0.2rem solid #ffffff;
padding:2px 5px;
padding:0.2rem 0.5rem;
}
table.table_in {
table-layout:auto;
border-collapse: collapse;
margin:0;
paddimg:0;}

table.table_in td {
text-align:left;
border:0px;
padding:2px 0;
padding:0.2em 0;
}

table.border th,
table.border td {
	border:1px solid #ccc;
}

.lng1 {
width:400px;
width:40rem;
}

.lng2 {
width:150px;
width:15rem;
}



/*  箇条書き */
ul.ul_contents, ul.ul_contents2 {
list-style-type:square;
list-style-position:outside;
margin:10px 0 10px 40px;
margin:1rem 0 1rem 4rem;
}
ul.ul_none {
list-style-type: none;
list-style-position:outside;
margin:5px 0 5px 40px;
margin:0.5rem 0 0.5rem 4rem;
}
ul.ul_decimal {
list-style-type: decimal;
list-style-position:outside;
margin:10px 0 10px 40px;
margin:1rem 0 1rem 4rem;
}
ul.ul_contents li, ul.ul_decimal li {
margin-bottom: 5px
margin-bottom: 0.5rem;
}

/*  定義リスト */

dl.dl_contents,  dl.dl_contents2,  dl.dl_contents3, dl.dl_form {
margin:5px 0 5px 20px;
margin:0.5rem 0 0.5rem 2rem;
}
dl.dl_contents dt {
line-height:20px;
line-height:2rem;
}

dl.dl_contents dd {
margin:-20px 0 0 0;
margin:-2rem 0 0 0;
padding-left:75px;
padding-left:7.5rem;
}

dl.dl_contents2 dt {
line-height:20px;
line-height:2rem;
}

dl.dl_contents2 dd {
margin:-20px 0 0 0;
margin:-2rem 0 0 0;
padding-left:140px;
padding-left:14rem;
}

dl.dl_contents3 dt {
border-top:1px dotted #ccc;
padding-top:10px;
padding-top:1rem;
line-height:20px;
line-height:2rem;
}

dl.dl_contents3 dd {
margin:-20px 20px 10px 0;
margin:-2rem 2rem 1rem 0;
padding-left:75px;
padding-left:7.5rem;
}









/* クラス ----------------------------------*/


.pagetop {
text-align:right;
}

/* floatのクリア---*/
.floatclear {
clear:both;
height:5px;
height:0.5rem;
}

.kakunin_Button {
display:block;
width:100%; height:50px; height:5rem; text-align:center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius:5px;
-webkit-border-radius: 0.5rem;
-moz-border-radius: 0.5rem;
border-radius:0.5rem;
}


/* index.html ----------------------------------*/
div.leftarea {
float:left;
width:400px;
width:40rem;
margin:10px;
margin:1rem;
}
div.rightarea {
float:left;
width:200px;
width:20rem;
margin:10px;
margin:1rem;
}

.colorB {
color: #777;
}




.textshadow {
text-shadow: 2px 2px 1px #000000;
text-shadow: 0.2rem 0.2rem 0.1rem #000000;
}

.column {
padding:10px;
padding:1rem ;
margin:20px 80px;
margin:2rem 8rem;
line-height:1.6em;
background-color:#fff2e8;
border:1px solid #ccc;	

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 0.5rem;
-moz-border-radius: 0.5rem;
border-radius: 0.5rem;
}

/* placeholder 色  */
::-webkit-input-placeholder { color: #777; }
:-moz-placeholder { color: #777; }
:-ms-input-placeholder { color: #777; }