@charset "UTF-8";


/* group reset */
a{
    text-decoration: none
}

ul,ol{
    list-style: none
}

img{
	border: none;
}
/* group reset */




/* style set */
body{
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 15px;
	line-height: 23px;
    color: #000000;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}


h1{
    font-style: normal;
    font-size: 12px;
	color: #315FB0;
	font-weight: normal;
	margin: 0 0 6px 0;
	padding: 0;
}


p{
    margin: 0px;
}

li{
    list-style:none;
}

#out{
    width: 1000px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 0 20px;
	overflow:hidden;
}
/* style set */




/*// ヘッダー ///////////////*/
#header{
    width: 1000px;
    height: 75px;
	padding-top: 15px;
}

#headleft{
    float: left;
    width: 300px;
	height: 70px;
}

#headright{
    float: right;
    width: 680px;
	height: 70px;
}

#headrightin01{
    float: left;
    width: 25px;
    height: 35px;
}


#headrightin02{
    float: left;
    width: 42px;
    height: 35px;
}

#headtel{
    float: left;
    width: 210px;
	height: 31px;
	background-color: #315FB0;
	font-size: 17px;
	line-height: 29px;
	color: #FFFFFF;
}

#headright_in{
    float: right;
}


#navi{
    clear: both;
    width: 1000px;
    height: 80px;
    list-style-type: none;
}

#navileft{
    float: left;
    width: 100px;
    height: 65px;
}

#naviright{
    width: 1000px;
    height: 45px;
    float: right;
    padding-top: 10px;
	background-color: #315FB0;
}

.navirightin01{
    float: left;
    width: 110px;
    height: 35px;
}

.navirightin02{
    float: left;
    width: 4px;
    height: 35px;
}

#navirightin03{
    float: left;
    width: 215px;
    height: 38px;
}


/*// ヘッダー ///////////////*/




/*// コンテンツ /////////////*/
#contents{
    width: 1000px;
	height: auto;
	padding-bottom: 80px;
}

#left{
    float: left;
    width: 727px;
	height: auto;
}

#right{
    float: right;
    width: 230px;
	height: 1200px;
}

#righttext01{
    width: 230px;
	height: auto;
	color: #315FB0;
	padding-bottom: 45px;
	line-height: 17px;
}

.righttext02{
    widows: 230px;
	height: auto;
	color: #666666;
	line-height: 17px;
	padding-bottom: 6px;
}


/* 各ページ共通 */
.title{
    width: 725px;
	height: 25px;
	font-size: 20px;
	color: #315FB0;
}

.title02{
	font-size: 17px;
	color: #315FB0;
	padding-bottom: 15px;
}

h3.title03 {
	font-size: 30px;
	padding: 20px 15px;
  color: #010079;
  text-shadow: 0 0 5px white;
  border-left: solid 7px #010079;
  background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
  background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}

.title04{
	font-size: 23px;
	color: #09C;
	padding-bottom: 15px;
}

.box01{
	width: 725px;
	height: auto;
	overflow: hidden;
}
.box01_left{
	float: left;
	width: 350px;
	height: auto;
}
.box01_right{
	float: right;
	width: 350px;
	height: auto;
}

.subtitle{
    width: 720px;
	height: 22px;
	padding-left: 5px;
	color: #FFFFFF;
	background-color: #315FB0;
	margin-bottom: 10px;
}

.text01{
    width: 725px;
	height: auto;
	padding-bottom: 40px;
}

.text02{
	color: #315FB0;
}


.center{text-align: center;}
table tr td{vertical-align:top;}

/* 各ページ共通 */


/* ボタンスタイル */
a.btn01 {
    display: block;
  margin: 15px 0;
  padding: 12px 10px;
  min-width: 120px;
  max-width: 100%;
	color: #FFFFFF;
    background-color: #CCC;
	border-radius: 6px;
	text-align: center;
	font-size: 20px;
}
a:hover.btn01 {
    background-color: #933;
}


.btn02 {
    display: block;
  margin: 15px auto 15px auto;
  padding: 12px 10px;
  width: 300px;
	color: #FFFFFF;
    background-color: #F33;
	border-radius: 6px;
	text-align: center;
	font-size: 25px;
    border: 2px solid #F33;
    box-shadow: none;
}
.btn02:hover {
    background-color: #fff;
	color: #F33;
}


a.btn03 {
    display: block;
  margin: 15px 0;
  padding: 12px 10px;
  min-width: 120px;
  max-width: 100%;
	color: #FFFFFF;
    background-color: #CCC;
	border-radius: 6px;
	text-align: center;
	font-size: 20px;
}
a:hover.btn03 {
    background-color: #090;
}


a.btn04 {
    display:block;
  margin: 15px auto 15px auto;
  padding: 15px 10px;
  width: 400px;
	color: #FFFFFF;
    background-color: #C00;
	border-radius: 6px;
	text-align: center;
	font-size: 20px;
}
a:hover.btn04 {
    background-color: #F00;
}
/* ボタンスタイル */



/* style */
.floatleft{
    float: left;
}

.font01{font-size:17px; color:#F00; line-height:30px;}
.font02{font-size:19px; line-height:30px;}

.pad8{
    padding-bottom: 8px;
}

.pad15{
    padding-bottom: 15px;
}

.pad20{
    padding-bottom: 20px;
}

.pad25{
    padding-bottom: 25px;
}

.pad30{
    padding-bottom: 30px;
}

.pad50{
    padding-bottom: 50px;
}
.pad80{
    padding-bottom: 80px;
}
/* style */


/*// コンテンツ /////////////*/




/*// フッター /////////////*/
#footer{
    width: 1100px;
	height: 120px;
	margin-right: auto;
	margin-left: auto;
	background-color: #315FB0;
	text-align: center;
	font-size: 12px;
	line-height: 14px;
	color: #FFFFFF;
	margin-bottom: 15px;
}

#footer a{
    text-decoration: none;
	color: #FFFFFF;
}

#footer a:link{
    text-decoration: none;
	color: #FFFFFF;
}

#footer a:hover{
    text-decoration: underline;
	color: #FFFFFF;
}


#foot01{
    width: 1000px;
	height: 50px;
	padding-top: 25px;
	margin-right: auto;
	margin-left: auto;
}

#foot02{
    width: 1000px;
	height: 20px;
	margin-right: auto;
	margin-left: auto;
}


/*// フッター /////////////*/