@charset "utf-8";
/* CSS Document */

*{
	margin: 0;
	padding: 0;
}

body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "MS Pゴシック", sans-serif;
	font-size: 100%;
	line-height: 1em;
	color: #646464;
	background-color: #fff;
	background-image: url(images/body-tail.jpg);
	background-repeat: repeat-x;
	background-position: 0% 18px;
}

.wrapper {
	width: 100%;
	overflow: hidden;
}

.wrapper1 {
	width: 100%;
}
	
fieldset{
	border:none;
}

input,textarea{
	font-size:1em;
}

.clear {
	clear: both;
	font-size: 0%;
	line-height: 0%;
	height: 0;
}

input, select {
	vertical-align: middle;
	font-weight: normal;
}

img {
	border: 0;
	vertical-align: top;
	text-align: left;
}

ul,ol{
	list-style:none;
}

html{
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

object {
	vertical-align: top;
}

a {
	color: #d52d00;
}

a:hover {
	text-decoration: none;
}

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

#header2{
	width:100%;
}

#header2 h1,#header2 p{
	font-size: 10px;
	font-weight: normal;
	color: #758BA4;
	float: left;
	position: relative;
	padding-bottom: 2px;
}

#header2 h1{
	margin-right: 20px;
	position: relative;
	left: 10px;
}

#header2 p{
	float: none;
}

#header2 a{
	color: #758BA4;
	text-decoration: none;	
	
}

h3 {
	padding: 0 0 10px 0;
	line-height: 1.5em;
	font-size: 1em;
	color: #646464;
}

h3.extra-indent {
	padding: 4px 0 0 0;
}

h3.extra-indent1 {
	padding: 0 0 16px 0;
}

h3.no-indent {
	padding: 0;
}

h4 {
	padding: 0 0 10px 0;
	line-height: 1.5em;
	font-size: 1.083em;
	color: #525252;
}

.fleft {
	float: left;
}

img.fleft {
	margin: 0 29px 0 1px;
}

img.fleft1 {
	float: left;
	margin: 5px 24px 0 1px;
}

img.fleft2 {
	float: left;
	margin: 0 29px 18px 1px;
}

.fleft3 {
	float: left;
	margin: 0 20px 16px 0;
}

.fright {
	float: right;
}

#top-right-tail {
	width: 50%;
	height: 224px;
	position: absolute;
	top: 17;
	right: 0;
	background-image: url(images/tail-right.jpg);
	background-repeat: repeat-x;
	background-position: 0% 0%;
}

#main {
	width: 980px;
	margin: 0 auto;
	font-size: 0.8em;
}

.col-1, .col-2, .col-3, .col-4 {
	float: left;
	overflow: hidden;
}

.block-1, .block-2, .block-3, .block-4 {
	float: left;
	overflow: hidden;
}

#header {
	position: relative;
	height: 423px;
}

#logo {
	position: absolute;
	top: 21px;
	left: 57px;
}

#navi {
	position: absolute;
	top: 41px;
	right: 47px;
	overflow: hidden;
}

#navi li {
	background: url(images/navi-divider.gif) no-repeat 0% 5px;
	float: left;
	padding: 0 18px 0 16px;
	margin: 0 0 0 -1px;
}

#navi li a {
	text-decoration: none;
	color: #8e9eaa;
}

#navi li a:hover {
	text-decoration: underline;
}

#slogan {
	position: absolute;
	top: 252px;
	left: 608px;
}

#menu {
	width: 924px;
	height: 70px;
	padding: 0 0 0 7px;
	overflow: hidden;
	position: absolute;
	top: 100px;
	left: 24px;
}

#menu li {
	background: url(images/menu-divider.gif) no-repeat 0% 32px;
	float: left;
	text-transform: uppercase;
	font-size: 0.917em;
	font-weight: bold;
	color: #414141;
}

#menu li a {
	display: block;
	height: 70px;
	float: left;
	line-height: 78px;
	padding: 0 33px 0 37px;
	text-decoration: none;
	color: #414141;
}

#menu li a:hover {
	text-decoration: underline;
}

#menu li#no-divider {
	background: none;
}

#content {
	padding: 10px 25px 9px 30px;
}

#content p {
	padding: 0 0 17px 0;
	line-height: 1.5em;
}

#content p em {
	float: right;
	padding: 0 25% 0 0;
	font-style: normal;
}

#content p a {
	color: #23a2c9;
}

#content p.extra-s
tyle {
	padding: 8px 0 11px 0;
	overflow: hidden;
}

#content p.extra-style1 {
	padding: 0 0 19px 0;
	margin: 0 0 0 -1px;
	overflow: hidden;
}

#content p.extra-indent {
	padding: 0 0 21px 0;
}

#content p.extra {
	line-height: 1.385em;
	font-size: 1.083em;
}

.row-1 {
	padding: 0 0 14px 0;
}

.title {
	min-height: 59px;
	height: auto !important;
	height: 59px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

.title-1 {
	min-height: 30px;
	height: auto !important;
	height: 30px;
	padding: 0 0 8px 0;
}

.title-2 {
	min-height: 30px;
	height: auto !important;
	height: 30px;
	padding: 0 0 3px 0;
	position: relative;
}

.title-3 {
	width: 100%;
	position: relative;
}


/*---<オレンジ修正>-------------------------------------------------------*/

.box .corner-top-left2 {
	background: #ffa734 url(images/corner-top-left2.gif) no-repeat 0% 0%;
}

.box .corner-top-right2 {
	background: url(images/corner-top-right2.gif) no-repeat 100% 0%;
}

.box .corner-bot-left2 {
	background: url(images/corner-bot-left2.gif) no-repeat 0% 100%;
}

.box .corner-bot-right2 {
	background: url(images/corner-bot-right2.gif) no-repeat 100% 100%;
	width: 100%;
}

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



.box {
	margin: 0 0 22px 0;
	text-align: center;
	vertical-align: middle;
}

.box .corner-top-left {
	background: #f4f4f4 url(images/corner-top-left.gif) no-repeat 0% 0%;
}

.box .corner-top-right {
	background: url(images/corner-top-right.gif) no-repeat 100% 0%;
}

.box .corner-bot-left {
	background: url(images/corner-bot-left.gif) no-repeat 0% 100%;
}

.box .corner-bot-right {
	background: url(images/corner-bot-right.gif) no-repeat 100% 100%;
	width: 100%;
}

.box .box-indent {
	padding: 18px 23px 0 23px;
}

.box .box-indent2 {
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}

.box .box-indent1 {
	padding: 18px 23px 20px 23px;
}

.box p {
	padding: 0 0 16px 0 !important;
	text-align: left;
}

.box-1 {
	margin: 0 0 13px 0;
}

.box-1 .border-top {
	background: #f8f8f8 url(images/border-top.jpg) repeat-x 0% 0%;
}

.box-1 .border-bot {
	background: url(images/border-bot.jpg) repeat-x 0% 100%;
}

.box-1 .border-left {
	background: url(images/border-left.jpg) repeat-y 0% 0%;
}

.box-1 .border-right {
	background: url(images/border-right.jpg) repeat-y 100% 0%;
}

.box-1 .corner-top-left {
	background: url(images/corner-top-left.jpg) no-repeat 0% 0%;
}

.box-1 .corner-top-right {
	background: url(images/corner-top-right.jpg) no-repeat 100% 0%;
}

.box-1 .corner-bot-left {
	background: url(images/corner-bot-left.jpg) no-repeat 0% 100%;
}

.box-1 .corner-bot-right {
	background: url(images/corner-bot-right.jpg) no-repeat 100% 100%;
	width: 100%;
}

.box-1 .box-indent {
	padding: 22px 34px 32px 28px;
}

.box-2 .border-top {
	background: #fff url(images/border-top1.gif) repeat-x 0% 0%;
}

.box-2 .border-bot {
	background: url(images/border-bot1.gif) repeat-x 0% 100%;
}

.box-2 .border-left {
	background: url(images/border-left1.gif) repeat-y 0% 0%;
}

.box-2 .border-right {
	background: url(images/border-right1.gif) repeat-y 100% 0%;
}

.box-2 .corner-top-left {
	background: url(images/corner-top-left1.gif) no-repeat 0% 0%;
}

.box-2 .corner-top-right {
	background: url(images/corner-top-right1.gif) no-repeat 100% 0%;
}

.box-2 .corner-bot-left {
	background: url(images/corner-bot-left1.gif) no-repeat 0% 100%;
}

.box-2 .corner-bot-right {
	background: url(images/corner-bot-right1.gif) no-repeat 100% 100%;
	width: 100%;
}

.box-2 .box-indent {
	padding: 15px 34px 24px 29px;
}

.box-3 .border-top {
	background: #999 url(images/border-top1.jpg) repeat-x 0% 0%;
}

.box-3 .border-bot {
	background: url(images/border-bot1.jpg) repeat-x 0% 100%;
}

.box-3 .border-left {
	background: url(images/border-left1.jpg) repeat-y 0% 0%;
}

.box-3 .border-right {
	background: url(images/border-right1.jpg) repeat-y 100% 0%;
}

.box-3 .corner-top-left {
	background: url(images/corner-top-left1.jpg) no-repeat 0% 0%;
}

.box-3 .corner-top-right {
	background: url(images/corner-top-right1.jpg) no-repeat 100% 0%;
}

.box-3 .corner-bot-left {
	background: url(images/corner-bot-left1.jpg) no-repeat 0% 100%;
}

.box-3 .corner-bot-right {
	background: url(images/corner-bot-right1.jpg) no-repeat 100% 100%;
	width: 100%;
}

.box-3 .box-indent {
	padding: 15px 12px 27px 32px;
}

.box-3 p {
	padding: 0 0 14px 0 !important;
	line-height: 1.5em !important;
	color: #a6a6a6 !important;
}

.box-3 p.no-indent {
	padding: 0 !important;
}

.box-3 p a {
	color: #fff !important;
}

.box-3 p span {
	display: block;
	width: 100%;
	overflow: hidden;
	padding: 5px 0 0 0;
	color: #302f2f !important;
}

.box-3 .link {
	margin: 3px 0 0 1px;
	color: #fff !important;
}

.line-hor {
	background: #ececec;
	width: 100%;
	height: 3px;
	overflow: hidden;
	margin: 0 0 17px 0;
}

.line-hor1 {
	background: url(images/line-hor.gif) repeat-x 0% 0%;
	width: 100%;
	height: 1px;
	overflow: hidden;
	margin: 0 0 13px 0;
}

.line-hor2 {
	background: #ececec;
	width: 100%;
	height: 3px;
	overflow: hidden;
	margin: 5px 0 22px 0;
}

.line-hor3 {
	background: url(images/line-hor.gif) repeat-x 0% 0%;
	width: 100%;
	height: 1px;
	overflow: hidden;
	margin: 17px 0 13px 0;
}

.line-ver {
	background: url(images/line-ver.gif) repeat-y;
	width: 100%;
	overflow: hidden;
}

.line-ver1 {
	background: url(images/line-ver1.gif) repeat-y;
	width: 100%;
	margin: -6px 0 0 0;
}

.extra-link {
	background: url(images/arrow.gif) no-repeat 100% 6px;
	margin: -28px 0 24px 3px;
	padding: 0 16px 0 0;
	float: left;
	color: #23a2c9;
}

.extra-link1 {
	background: url(images/arrow.gif) no-repeat 100% 6px;
	margin: -14px 0 0 3px;
	padding: 0 16px 0 0;
	float: left;
	color: #23a2c9;
}

.link {
	background: url(images/arrow.gif) no-repeat 100% 6px;
	margin: -1px 0 0 2px;
	padding: 0 16px 0 0;
	float: left;
	color: #23a2c9 !important;
}

.link-1 {
	background: url(images/arrow.gif) no-repeat 100% 6px;
	margin: -1px 0 0 2px;
	padding: 0 16px 0 0;
	color: #23a2c9;
}

.list {
	margin: -2px 0 0 0;
	padding: 0 0 18px 0;
}

.list li {
	background: url(images/marker.gif) no-repeat 7px 9px;
	padding: 0 0 0 21px;
	line-height: 2.083em;
}

.list li span {
	display: block;
}

.list li p {
	padding: 0 0 10px 0 !important;
	margin: -4px 0 0 0 !important;
}

.list li a {
	color: #23a2c9;
}

.list-1 {
	padding: 1px 0 0 5px;
}

.list-1 li {
	background: url(images/line-hor.gif) repeat-x 0% 100%;
	width: 100%;
	overflow: hidden;
	line-height: 1.5em;
	padding: 0 0 24px 0;
	margin: 0 0 22px 0;
}

.list-1 li img {
	float: left;
	margin: 4px 17px 0 0;
}

.list-1 li p {
	padding: 0 !important;
}

.list-1 li .link {
	margin: 19px 0 0 1px;
	clear: both;
}

.list-1 li.extra-style {
	background: none;
	padding: 0;
	margin: 0;
}

.list-1 li.extra {
	padding: 0 0 20px 0;
	margin: 0 0 18px 0;
}

.list-2 {
	padding: 1px 0 0 3px;
}

.list-2 li {
	background: url(images/line-hor.gif) repeat-x 0% 100%;
	width: 100%;
	overflow: hidden;
	line-height: 1.385em;
	padding: 0 0 20px 0;
	margin: 0 0 17px 0;
	font-size: 1.083em;
}

.list-2 li strong {
	background: url(images/icon1.gif) no-repeat 1px 3px;
	display: block;
	padding: 0 0 12px 21px;
}

.list-2 li h3 {
	color: #525252;
}

.list-2 li span {
	display: block;
	width: 100%;
	overflow: hidden;
	padding: 11px 0 0 0;
}

.list-2 li a {
	background: url(images/arrow.gif) no-repeat 100% 6px;
	margin: 0 0 0 1px;
	padding: 0 16px 0 0;
	color: #23a2c9;
}

.list-2 li.extra-style {
	background: none;
	padding: 0;
	margin: 0;
}

.list-3 {
	padding: 5px 0 0 0;
}

.list-3 li {
	width: 100%;
	overflow: hidden;
	margin: 0 0 20px 0;
	vertical-align: top;
}

.list-3 li img {
	float: left;
	margin: 0 17px 0 0;
}

.list-3 li a {
	color: #fff;
}

.list-3 li p i {
	font-style: normal;
	color: #302f2f;
}

.list-4 li {
	width: 100%;
	overflow: hidden;
	vertical-align: top;
	padding: 0 0 23px 0;
}

.list-4 li img {
	float: left;
	margin: 0 26px 0 0;
}

.list-4 li strong {
	display: block;
}

.list-4 li p {
	padding: 0 !important;
	overflow: hidden;
}

.list-5 {
	padding: 5px 0 0 0;
}

.list-5 li {
	width: 100%;
	overflow: hidden;
	margin: 0 0 25px 0;
	vertical-align: top;
}

.list-5 li img {
	float: left;
	margin: 0 17px 0 0;
}

.list-5 li a {
	color: #fff;
}

.list-5 li p i {
	font-style: normal;
	color: #302f2f;
}

#subscribe-form {
	background: url(images/subscribe-bg.jpg) no-repeat 0% 0%;
	width: 272px;
	height: 85px;
	margin: 0 0 15px 0;
	padding: 75px 0 0 29px;
	overflow: hidden;
	position: relative;
}

#subscribe-form img {
	position: absolute;
	top: 25px;
	left: 27px;
}

#subscribe-form input {
	background: url(images/subscribe-input.jpg) no-repeat 100% 0%;
	width: 162px;
	height: 14px;
	padding: 6px;
	float: left;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000;
}

#subscribe-form #subscribe-submit {
	background: url(images/subscribe-submit.jpg) no-repeat 0% 0%;
	width: 62px;
	height: 26px;
	padding: 0;
	float: left;
	border: none;
	margin: 0 0 0 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000;
}

#subscribe-form span {
	display: block;
	width: 100%;
	overflow: hidden;
	padding: 16px 0 0 0;
}

#subscribe-form a {
	background: url(images/marker.gif) no-repeat 100% 6px;
	padding: 0 11px 0 0;
	color: #23a2c9;
}

#page1 #main #content .row-1 .wrapper .col-1 .box .corner-top-left2 .corner-top-right2 .corner-bot-left2 .corner-bot-right2 .box-indent2 table{
	margin: auto;
	width: 540px;
}

#page1 #main #content .row-1 .wrapper .col-1 .box .corner-top-left2 .corner-top-right2 .corner-bot-left2 .corner-bot-right2 .box-indent2 th{
	background-color: #FFFFFF;
	width: 150px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
}

#page1 #main #content .row-1 .wrapper .col-1 .box .corner-top-left2 .corner-top-right2 .corner-bot-left2 .corner-bot-right2 .box-indent2 td{
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	padding: 10px;
}


#search-form {
	background: url(images/subscribe-bg.jpg) no-repeat 0% 0%;
	width: 272px;
	height: 85px;
	margin: 0 0 15px 0;

	padding: 75px 0 0 29px;
	overflow: hidden;
	position: relative;
}

#search-form img {
	position: absolute;
	top: 17px;
	left: 25px;
}

#search-form input {
	background: url(images/subscribe-input.jpg) no-repeat 100% 0%;
	width: 162px;
	height: 14px;
	padding: 6px;
	float: left;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000;
}

#search-form #subscribe-submit {
	background: url(images/subscribe-submit.jpg) no-repeat 0% 0%;
	width: 62px;
	height: 26px;
	padding: 0;
	float: left;
	border: none;
	margin: 0 0 0 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000;
}

#search-form span {
	display: block;
	width: 100%;
	overflow: hidden;
	padding: 16px 0 0 0;
}

#search-form a {
	background: url(images/marker.gif) no-repeat 100% 6px;
	padding: 0 11px 0 0;
	color: #23a2c9;
}

#question-form {
	background: url(images/subscribe-bg.jpg) no-repeat 0% 0%;
	width: 272px;
	height: 85px;
	margin: 0 0 15px 0;
	padding: 75px 0 0 29px;
	overflow: hidden;
	position: relative;
}

#question-form img {
	position: absolute;
	top: 17px;
	left: 21px;
}

#question-form input {
	background: url(images/subscribe-input.jpg) no-repeat 100% 0%;
	width: 162px;
	height: 14px;
	padding: 6px;
	float: left;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000;
}

#question-form #question-submit {
	background: url(images/subscribe-submit.jpg) no-repeat 0% 0%;
	width: 62px;
	height: 26px;
	padding: 0;
	float: left;
	border: none;
	margin: 0 0 0 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000;
}

#question-form span {
	display: block;
	width: 100%;
	overflow: hidden;
	padding: 16px 0 0 0;
}

#question-form a {
	background: url(images/marker.gif) no-repeat 100% 6px;
	padding: 0 11px 0 0;
	color: #23a2c9;
}

.pisctures {
	width: 100%;
	overflow: hidden;
}

.pisctures img {
	float: left;
	padding: 4px 10px 16px 0;
}

#contact-form {
	background: url(images/contact-textarea.gif) no-repeat 0% 100px;
	width: 229px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #646464;
}

#contact-form span {
	display: block;
}

#contact-form label {
	display: block;
	height: 42px;
	overflow: hidden;
}

#contact-form input {
	background: url(images/contact-input.gif) no-repeat 100% 0%;
	width: 221px;
	height: 16px;
	padding: 4px 3px 3px 5px;
	border: none;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #646464;
}

#contact-form textarea {
	background: none;
	width: 221px;
	height: 106px;
	padding: 4px 3px 3px 5px;
	border: none;
	float: left;
	overflow: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #646464;
}

#contact-form a {
	background: url(images/arrow.gif) no-repeat 100% 5px;
	margin: 16px 0 0 20px;
	padding: 0 16px 0 0;
	float: right;
	color: #23a2c9;
}

#footer {
	width: 926px;
	height: 88px;
	margin: 0 auto;
	border-top: 3px solid #ececec;
}

#footer p {
	padding: 0 0 0 21px;
	text-transform: uppercase;
	line-height: 86px;
	font-size: 0.917em;
	color: #2d2d2d;
}

#footer p span {
	margin: 0 3px 0 0;
}

#footer p a {
	margin: 0 0 0 3px;
	color: #2d2d2d;
}

/*-----------------------------------------------------
左アイコン
-----------------------------------------------------*/

.icon_daiya{
	background-image: url(common_img/1809_s.gif);
	background-repeat: no-repeat;
	text-indent: 25px;
	background-position: left center;
	text-align: left;
}

.icon_puzzle{
	background-image: url(common_img/1820_s.gif);
	background-repeat: no-repeat;
	text-indent: 25px;
	background-position: left center;
	text-align: left;
}

.icon_book{
	background-image: url(common_img/1816_s.gif);
	background-repeat: no-repeat;
	text-indent: 25px;
	background-position: left center;
	text-align: left;
}

.icon_pen{
	background-image: url(common_img/1823_s.gif);
	background-repeat: no-repeat;
	text-indent: 25px;
	background-position: left center;
	text-align: left;
}

.icon_note{
	background-image: url(common_img/1831_s.gif);
	background-repeat: no-repeat;
	text-indent: 25px;
	background-position: left center;
	text-align: left;
}

.icon_check{
	background-image: url(common_img/1836_s.gif);
	background-repeat: no-repeat;
	text-indent: 25px;
	background-position: left center;
	text-align: left;
}

.icon_graph{
	background-image: url(common_img/1838_s.gif);
	background-repeat: no-repeat;
	text-indent: 25px;
	background-position: left center;
	text-align: left;
}

.icon_daiya_big{
	background-image: url(common_img/1809.gif);
	background-repeat: no-repeat;
	text-indent: 58px;
	background-position: left center;
	text-align: left;
	line-height: 50px;
	font-size: 30px;
}

.blue_1{
	background-image: url(common_img/blue_1.gif);
	background-repeat: no-repeat;
	text-indent: 15px;
	background-position: left center;
	text-align: left;
}

.blue_2{
	background-image: url(common_img/blue_2.gif);
	background-repeat: no-repeat;
	text-indent: 10px;
	background-position: left center;
	text-align: left;
}


.black_1{
	background-image: url(common_img/black_1.gif);
	background-repeat: no-repeat;
	text-indent: 15px;
	background-position: left center;
	text-align: left;
}

.black_2{
	background-image: url(common_img/black_2.gif);
	background-repeat: no-repeat;
	text-indent: 10px;
	background-position: left center;
	text-align: left;
}

.green_1{
	background-image: url(common_img/green_1.gif);
	background-repeat: no-repeat;
	text-indent: 15px;
	background-position: left center;
	text-align: left;
}

.green_2{
	background-image: url(common_img/green_2.gif);
	background-repeat: no-repeat;
	text-indent: 10px;
	background-position: left center;
	text-align: left;
}

.yellow_1{
	background-image: url(common_img/yellow_1.gif);
	background-repeat: no-repeat;
	text-indent: 15px;
	background-position: left center;
	text-align: left;
}

.yellow_2{
	background-image: url(common_img/yellow_2.gif);
	background-repeat: no-repeat;
	text-indent: 10px;
	background-position: left center;
	text-align: left;
}

.red_1{
	background-image: url(common_img/red_1.gif);
	background-repeat: no-repeat;
	text-indent: 15px;
	background-position: left center;
	text-align: left;
}

.red_2{
	background-image: url(common_img/red_2.gif);
	background-repeat: no-repeat;
	text-indent: 10px;
	background-position: left center;
	text-align: left;
}

.dot_1{
	background-image: url(common_img/dot.gif);
	background-repeat: no-repeat;
	text-indent: 15px;
	background-position: left center;
	text-align: left;
}

.dot_red{
	background-image: url(common_img/dot_red.gif);
	background-repeat: no-repeat;
	text-indent: 10px;
	background-position: left center;
	text-align: left;
}

.list_icon{
	background-image: url(common_img/list_icon.gif);
	background-repeat: no-repeat;
	text-indent: 15px;
	background-position: left center;
	text-align: left;
}

.bule_list {
	background: url(images/marker.gif) no-repeat 7px 9px;
	padding: 0 0 0 21px;
	line-height: 2.083em;
}


.m-20{
	margin-top: 20px;
}

.m-15{
	margin-top: 15px;
}

.m-10{
	margin-top: 10px;
}

.m-5{
	margin-top: 5px;
}

.m-l-5{
	margin-left: 5px;
}

.m-l-10{
	margin-left: 10px;
}

.m-l-15{
	margin-left: 15px;
}

.m-l-20{
	margin-left: 20px;
}

.m-btm-20{
	margin-bottom: 20px;
}

.inline{
	display: inline;
}


/*-----------------------------------------------------
フォントパターン
-----------------------------------------------------*/
.blue_S{
	color: #0000FF;
	font-size: 125%;
}

.blue_L{
	color: #0000FF;
	font-size: 170%;
}


.red_S{
	color: #FF0000;
	font-size: 125%;
}

.red_L{
	color: #FF0000;
	font-size: 170%;
}

.green_S{
	color: #669900;
	font-size: 125%;
}

.green_L{
	color: #669900;
	font-size: 170%;
}

.pink_S{
	color: #FF3399;
	font-size: 125%;
}

.pink_L{
	color: #FF3399;
	font-size: 170%;
}

.red{
	color: #FF0000;
}

.bule{
	color: #0000FF;
}

.white{
    color: #FFFFFF
}

#side_1{
	width:250px;
	height: 45px;
	background-image: url(images/side_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	
}

#side_middle{
	height:115px;
	width: 250px;
	background-image: url(images/side_middle.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
}

#side_bottom{
	background-image: url(images/side_bottom.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 250px;
	background-position: left top;
	margin-bottom: 20px;
}

#side_middle dd{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 90%;
	color: #333333;
	text-align: center;
}

#nokori{
	padding-top: 15px;
}

#list dt{
	margin-bottom: 10px;
	margin-top: 20px;
	background-image: url(common_img/dot_red.gif);
	background-repeat: no-repeat;
	text-indent: 10px;
	background-position: left center;
	text-align: left;
	color: #d52d00	
}

#list dd{
	margin-bottom: 5px;
	margin-top: 5px;
}

#list li{
	margin-bottom: 10px;
	margin-top: 10px;
	background-image: url(common_img/list_icon.gif);
	background-repeat: no-repeat;
	text-indent: 15px;
	background-position: left center;
	text-align: left;
}

#list li a {
	color: #23a2c9;
}

#list dd a {
	color: #23a2c9;
}

.dot_line{
	background: url(images/line-hor.gif) repeat-x 0% 100%;
	width: 100%;
	overflow: hidden;
	line-height: 1.5em;
	padding: 0 0 24px 0;
	margin: 0 0 22px 0;
}

.style1 {color: #66CC33}

#arlink{
	text-align: left;
	width: 470px;
	padding-right: 25px;
	padding-left: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#arlink p{
	width: 450px;
}

.box-indent #arlink a{
	color: #FF9900;
}

#arlink h4{
	text-align: left;
	color: #00CCFF;
	padding: 0 0 0 0;
	line-height: 1.5em;
	font-size: 1.083em;
}

#arlink h3{
	text-align: left;
	color: #00CCFF;
	padding: 0 0 0 0;
	line-height: 1.5em;
	font-size: 1.083em;
}

#arlink li{
	background-image: url(common_img/dot_red.gif);
	background-repeat: no-repeat;
	text-indent: 10px;
	background-position: left center;
	text-align: left;
	line-height: 1.5em;	
}

#arlink dt{
	text-align: left;
	line-height: 1.5em;
	margin-top: 15px;
	color: #993300;
}

#arlink dd, #arlink li{
	text-align: left;
	line-height: 1.5em;
}