@charset "utf-8";

/*--基本設定--------------------------------------------------------*/

html,body {
	width: 100%;
	height: 100%;
}

html {
	height: 100%;
	overflow-y: scroll;
}

/*--Reset-----------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

img {
	border: none;
	vertical-align: middle;
}

ul,ol {
	list-style: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

/*--Text------------------------------------------------------------*/

body {
	font-size: 90%;
	font-weight: normal;
	line-height: 1.2;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

* html body {/*IE6*/
	font-family: "ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

*:first-child + html body {/*IE7*/
	font-family: "ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

h1,h2,h3 {
	font-size: 120%;
}

h4,h5,h6 {
	font-size: 100%;
}

/*--Link------------------------------------------------------------*/

a,
a:link {
	color: #333333;
}

a:visited {
	color: #333333;
}

a:hover,
a:active {
	color: #fe9d00;
}

a:focus {
	outline: none;
}

/*--HTML5-----------------------------------------------------------*/

article,aside,details,footer,header,hgroup,menu,nav,section,summary {
	display: block;
}

/*---位置調整など---------------------------------------------------*/

h1 {
    border-style: hidden;
    background: #fdb913;
    color: #000000;
    font-weight: bold;
    line-height: 30px;
    margin: 10px 0 20px 0;
    padding: 5px 20px 0 20px;
}

h2 {
    border-style: hidden;
    background: #006a44;
    color: #ffffff;
    font-weight: bold;
    line-height: 30px;
    margin: 10px 0 20px 0;
    padding: 5px 20px 0 20px;
}

h3 {
    border-style: hidden;
    background: #c0262c;
    color: #ffffff;
    font-weight: bold;
    line-height: 30px;
    margin: 10px 0 20px 0;
    padding: 5px 20px 0 20px;
}

h4 {
    font-weight:normal;
    border-style: hidden;
    background: #00A67C;
    color: #ffffff;
    padding: 0 20px 0 20px;
}

h5 {
    font-weight:normal;
    border-style: hidden;
    background: #fe9d00;
    color: #ffffff;
    padding: 0 20px 0 20px;
}

h6 {
    border-style: hidden;
    background: #dddddd;
    color: #444444;
    border-radius: 3px;
    margin: 10px 10px 10px 10px;
    padding: 0 20px 0 20px;
}

#column1 p {
	padding: 10px;
}

#column2 p {
	padding: 10px;
}

#column3 p {
	padding: 10px;
}

#wrap-btm p {
	padding: 10px;
}

.closebtn {
	text-align: left;
	padding: 60px 10px;
}

.floatleft {
    float:left;
    margin:10px;
}

.resizeimage {
    text-align:center;
    margin:10px auto;
}

.resizeimage img {
    width:100%;
    max-width:960px;
}

.index1 {
    background:#fdb913;
    padding:5px 20px;
    font-size:1.2em;
}/* 黄色の見出し */

.index2 {
    background:#006a44;
    color:#ffffff;
    padding:5px 20px;
    font-size:1.2em;
}/* 緑の見出し */

.index3 {
    background:#c0262c;
    color:#ffffff;
    padding:5px 20px;
    font-size:1.2em;
}/* 赤の見出し */

.box1 {
    margin:6px 0 30px 0;
    background:#ffffd3;
    border:solid 2px #fdb913;
}/* 黄色の囲み */

.box2 {
    margin:6px 0 30px 0;
    background:#ffffff;
    border:solid 2px #006a44;
}/* 緑の囲み */

.box3 {
    margin:6px 0 30px 0;
    background:#ffffff;
    border:solid 2px #c0262c;
}/* 緑の囲み */

.text1 {
    margin:1em;
    line-height:20px;
}/* 普通 */

.text2 {
    margin:1em;
    padding-left: 1em;
    text-indent: -1em;
    line-height:20px;
}/* 2行目以降1字下げ */

/*---レイアウト-----------------------------------------------------*/

#header {
    overflow:hidden;
    max-width:960px;
    margin:0 auto;
    background: #ffffff;
}

#contents {
	overflow: hidden;
	width: auto;
	margin: 0 auto 20px auto;
}

/* Button
---------------------------- */
button.button1 {
	width:180px;
    font-size:0.8em;
    padding:2px;
    background-color:#fdb913;
    color:#000000;
    border-style:none;
    box-shadow:2px 2px 3px 1px #666;
    -moz-box-shadow:2px 2px 3px 1px #666;
    -webkit-box-shadow:2px 2px 3px 1px #666;
    text-shadow:1px 1px 2px #666;    
}

button.button1:hover {
    background-color:#ffeea4;
    color:#000000;
}

button.button2 {
	width:180px;
    font-size:0.8em;
    padding:2px;
    background-color:#006a44;
    color:#fff;
    border-style:none;
    box-shadow:2px 2px 3px 1px #666;
    -moz-box-shadow:2px 2px 3px 1px #666;
    -webkit-box-shadow:2px 2px 3px 1px #666;
    text-shadow:1px 1px 2px #666;    
}

button.button2:hover {
    background-color:#8a9ecb;
    color:#fff;
}

button.button3 {
	width:180px;
    font-size:0.8em;
    padding:2px;
    background-color:#c0262c;
    color:#fff;
    border-style:none;
    box-shadow:2px 2px 3px 1px #666;
    -moz-box-shadow:2px 2px 3px 1px #666;
    -webkit-box-shadow:2px 2px 3px 1px #666;
    text-shadow:1px 1px 2px #aaa;    
}

button.button3:hover {
    background-color:#ffd0a4;
    color:#000;
}

button.button4 {
	width:180px;
    font-size:0.8em;
    padding:2px;
    background-color:#ffffff;
    color:#000;
    border-style:none;
    box-shadow:2px 2px 3px 1px #666;
    -moz-box-shadow:2px 2px 3px 1px #666;
    -webkit-box-shadow:2px 2px 3px 1px #666;
    text-shadow:1px 1px 2px #aaa;    
}

button.button4:hover {
    background-color:#d3d3d3;
    color:#000;
}