@charset "UTF-8";

/* index　───────────────────────────────────

	1. common style
	2. h tag style
	3. #contents h style
	4. color・font style
	
────────────────────────────────────────*/


/* 1. common style
────────────────────────────────────────*/

body {
	margin:0px auto;
	padding:0px;
	font-size:1em;
	font-family:メイリオ,Meiryo,ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3;
	text-align:center;
	color:#000000;
	background: url(null) fixed;
}
html,body{
	height:100%;
}
a,a:visited {
	outline:none;
}
a:hover {
	outline:none;
	text-decoration:underline;
}
a:active {
	outline:none;
}
p {
	line-height:140%;
	text-align:left;
}
img {
	border:none;
}
hr {
	margin:auto 30px;
	clear:both;
	color:#FFF;
	border-color:#FFF;
	border:none;
	/display:none;
}
.clear {
	clear:both;
	height:1px;
}
.clear_n {
	clear:both;
}
p.clear,div.clear {
	height:auto;
	margin:5px 0px 10px 0px;
}
.cf:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.cf {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .cf {
	height: 1%;
}
.cf {
	display: block;
}
.cl {  
    display: inline-block;  
}  
.cl:after {  
    content: "";  
    display: block;  
    clear: both;  
}


/* * * IE6 * * * */
* html,
* html body{
	overflow-y:scroll;
}


p.search_hide {
	text-align:center;
}
hr {
	clear:both;
}

/* 2. h tag style
────────────────────────────────────────*/
.header h1#index,#header_blog h1#index {
	font-size:11px;
	font-weight:normal;
	color:#0f2350;
	margin:0px 0px 0px 0px;
	padding:3px 0px 0px 25px;
	text-align:left;
}
.header h1#index a,#header_blog h1#index a {
	display:block;
	width:950px;
	height:105px;
	padding-right:5px;
	color:#0f2350;
	text-decoration:none;
}
#header h1#index {
	font-size:11px;
	font-weight:normal;
	color:#0f2350;
	margin:0px 0px 0px 0px;
	padding:3px 0px 0px 25px;
	text-align:left;
}
#header h1#index a {
	display:block;
	width:950px;
	height:220px;
	color:#0f2350;
	text-decoration:none;
}


h2 {
	text-align:left;
	color:#0f2350;
	font-size:1.1em;
}
h2#blog_t {
	text-align:left;
	color:#0f2350;
	font-size:1.1em;
	margin:10px 15px;
	padding:0px;
}
h2#hm {
	margin:0px;
	padding:0px;
}
h3 {
	clear:left;
	color:#000000;
	text-align:left;
	font-size:18px;
	font-weight:normal;
	margin:15px 0px 10px 0px;
	padding:3px 0px 0px 23px;
	line-height:16px;
	background-image:url(../images/icon_h.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
h4,h5 {
	text-align:left;
	margin:0px 0px 10px 0px;
	padding:0px;
}


/* 3. #contents p style
────────────────────────────────────────*/

/* 4. color・font style
────────────────────────────────────────*/
th,td { font-size:1em;}

ol li {
	margin-bottom:15px;
}

.red { color:#F00;}
.c08c {color:#0088cc;}
.blue { color:#054294;}
.pink { color:#ff0066;}



/* 5. table style
────────────────────────────────────────*/
table.type01 {
	margin:25px auto;
	padding:0px;
	border-collapse:collapse;
}
table.type01 th {
	text-align:left;
	border:1px solid #CCC;
}
table.type01 td {
	text-align:left;
	border:1px solid #CCC;
}

.type02 {
	width:700px;
	height:auto;
	margin:5px 0px 20px 0px;
}
.type02 th {
	text-align:left;
	padding:5px;
	vertical-align:top;
	background-color:#f5f5f5;
	border-bottom:1px solid #CCC;
}
.type02 td {
	text-align:left;
	padding:5px;
	vertical-align:top;
	border-bottom:1px solid #CCC;
}
.type02 td.tdr {
	text-align:right;
	font-weight:bold;
	padding-right:25px;
}
.type02 th.tb,.type02 td.tb {
	border-top:3px double #999;
	border-bottom:none;
}

table.type03 {
	margin:20px auto;
}
table.type03 td {
	padding:0px 5px 5px 10px;
	text-align:left;
	vertical-align:middle;
}
table.type03 tr.td0 td {
	padding:0px;
	text-align:center;
}

table.type05 {
	margin:0px auto 10px 0px;
}
table.type05 th {
	padding:0px;
	text-align:left;
	vertical-align:top;
}
table.type05 td {
	padding:0px 0px 30px 10px;
	text-align:left;
	vertical-align:top;
}

/* contents.css　───────────────────────────────────

	1. pagetitle style
	2. page style
	3. index style
	4. Q&A style
	
────────────────────────────────────────*/

/* 1. pagetitle style
────────────────────────────────────────*/
.nushi {
	text-align:right;
	margin:15px 0px 25px 0px;
	padding:0px;
}
table.gyo {
	border:1px solid #CCC;
}
table.gyo tbody {
	margin:0px;
	padding:0px;
}
table.gyo td {
	text-align:left;
	padding:3px;
	margin:0px;
}
table.gyo td.gyo1 {
	background-color:#d8fdfd;
}
table.sys {
	margin:0px 0px 25px 0px;
}
table.sys td {
	text-align:left;
}
/* 2. page style
────────────────────────────────────────*/
.img_t {
	margin:20px 20px 35px 20px;
	font-size: 32px;
	font-weight: bold;
	color: #0E1F56;
}
.linebox {
	margin:10px 20px;
	padding:10px;
	border:2px solid #0f2350;
	font-weight:bold;
	font-size:1.4em;
}
.text {
	clear:both;
	margin:20px 20px 20px 30px;
}
.text2 {
	clear:both;
	margin:20px 20px 20px 30px;
}
.text2 p {
	margin-left:20px;
}
#news {
	border:2px solid #1d449c;
}
#blogbody {
	padding:0px 15px 20px 15px;
}
#data {
	text-align:right;
	font-size:0.8em;
	color:#666;
	margin:0px;
	padding:0px 15px 10px 0px;
}
dl#bloglist {
	font-size:1em;
	clear:both;
	margin:0px;
	padding:10px 15px 0px 15px;
	text-align:left;
}
dl#bloglist dt {
	float:left;
	display:block;
	width:120px;
	margin:0px 0px 15px 0px;
	padding:0px;
	color:#666;
}
dl#bloglist dd {
	float:left;
	display:block;
	width:570px;
	margin:0px 0px 15px 0px;
	padding:0px;
}
dl#bloglist dd p {
	margin:0px;
	padding:0px;
}
p#blog_link {
	clear:both;
	text-align:right;
	padding:0px 10px 10px 10px;
	margin:0px;
	font-size:0.9em;
}
.sbox {
	float:left;
	width:240px;
	height:auto;
	padding:5px 0px 10px 0px;
}
.other {
	font-size:0.9em;
	text-align:right;
	padding:0px 15px 0px 0px;
}
div.lif {
	float:left;
	width:265px;
	padding:0px 0px 20px 0px;
}
div.lif ul li {
	float:none;
	width:250px;
}
.w600 {
	clear:both;
	width:600px;
	height:auto;
	margin:40px auto;
}
ul.faqlist {
	margin:10px 10px 10px 50px;
	padding:0px;
	list-style-image:url(../images/icon_qs.gif);
	text-align:left;
}
ul.faqlist a {
	text-decoration:none;
}
ul.faqlist a:hover {
	text-decoration:underline;
}


table#mform {
	width:500px;
	height:auto;
	margin:0px auto 30px;
}
table#mform th {
	width:170px;
	height:auto;
	text-align:left;
	font-weight:normal;
	vertical-align:top;
	border-bottom:1px solid #CCC;
	background-color:#f5f5f5;
	padding:10px;
}
table#mform th span {
	color:#F00;
}
table#mform td {
	text-align:left;
	padding:5px;
	vertical-align:top;
	border-bottom:1px solid #CCC;
}
table#mform th.ntb, table#mform td.ntb {
	border-bottom:none;
}
ul.faqlist {
	margin:10px 10px 10px 50px;
	padding:0px;
	list-style-image:url(../images/icon_qs.gif);
	text-align:left;
}
ul.faqlist a {
	text-decoration:none;
}
ul.faqlist a:hover {
	text-decoration:underline;
}
dl.faqlist {
	margin:0px 30px;
	padding:10px 0px 30px;
}
dl.faqlist dt {
	text-align:left;
	margin:0px 0px 5px 0px;
	padding:15px 0px 5px 23px;
	background-image:url(../images/icon_q.gif);
	background-position:0px 15px;
	background-repeat:no-repeat;
	border-top:2px solid #CCC;
}
dl.faqlist dd {
	text-align:left;
	margin:0px;
	padding:0px 5px 0px 23px;
	background-image:url(../images/icon_a.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
dl.faqlist dd.listback {
	text-align:right;
	background-image:none;
}


dl.faqlist2 {
	margin:0px 30px;
	padding:10px 0px 30px;
}
dl.faqlist2 dt {
	text-align:left;
	margin:0px 0px 5px 0px;
	padding:30px 0px 5px 23px;
	background-image:url(../images/icon_q.gif);
	background-position:0px 30px;
	background-repeat:no-repeat;
	border-top:2px solid #CCC;
}
dl.faqlist2 dd {
	text-align:left;
	margin:0px 0px 30px 0px;
	padding:0px 5px 0px 23px;
	background-image:url(../images/icon_a.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
dl.faqlist2 dd.listback {
	text-align:right;
	background-image:none;
}


dl.faqlist3 {
	margin:0px 0px;
	padding:10px 0px 30px;
}
dl.faqlist3 dt {
	clear:both;
	text-align:left;
	margin:0px 0px 15px 0px;
	padding:30px 0px 5px 23px;
	color:#f29600;
	font-weight:bold;
}
dl.faqlist3 dt span {
	display:block;
	float:left;
	color:#FFF;
	font-weight:normal;
	padding:10px 10px;
	margin:-0.5em 10px 20px 0px;
	text-align:center;
	background-color:#2CA6E0;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
dl.faqlist3 dd {
	clear:both;
	text-align:left;
	margin:0px 0px 30px 0px;
	padding:0px 5px 0px 23px;
}
dl.faqlist3 dd span {
	display:block;
	float:left;
	color:#FFF;
	font-weight:normal;
	padding:10px 10px;
	margin:-0.5em 10px 50px 0px;
	text-align:center;
	background-color:#ea6d99;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
dl.faqlist3 dd.listback {
	text-align:right;
	background-image:none;
}

p.rp {
	text-align:right;
	margin:0px 5px 25px 0px;
	padding:0px;
}
.voice {
	background-image:url(../images/icon_h.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding:0px 0px 0px 25px;
	margin:20px 0px;
}
.voice_ph {
}
.voice .name {
	text-align:right;
}
h2#hm {
	clear:both;
	font-size:1em;
	font-weight:normal;
	margin:0px;
	padding:3px 5px;
	text-align:left;
	color:#FFF;
	background-color:#1d449c;
}
#news {
	clear:both;
	border:2px solid #1d449c;
	display:block;
	min-height:50px;
	margin:20px auto;
}
dl#newslist {
	font-size:1em;
	clear:both;
	margin:0px;
	padding:10px 15px 0px 15px;
 /padding:10px 15px 10px 15px;
	text-align:left;
	min-height:30px;
}
dl#newslist dt {
	float:left;
	display:block;
	width:120px;
	margin:0px 0px 10px 0px;
	padding:0px;
	color:#666;
}
dl#newslist dd {
	float:left;
	display:block;
	width:570px;
	margin:0px 0px 10px 0px;
	padding:0px;
}
dl#newslist dd p {
	margin:0px;
	padding:0px;
}
ul.circle {
	margin:15px;
	padding:0px;
	list-style:none;
	text-align:left;
}
ul.circle li {
	background-image:url(../images/icon_h.gif);
	background-position:left;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px 0px 0px 23px;
}
.fbig {
	font-size:1.2em;
	font-weight:bold;
	line-height:1.6em;
}
/* 3. index style
────────────────────────────────────────*/
#contents_body {
	width:960px;

	height:830px;
	background-position:left top;
	background-repeat:no-repeat;
	background-image: url(../images/contents_bg.jpg);

	margin: 0px 0px 10px 0px;
	padding: 20px 0px;
}

#contents_body div {
	text-indent:-9990px;
	display:none;
}
#contents_body2 {
	width:960px;

	margin: 0px 0px 30px;
	padding: 20px 0px;
}

#contents_body2 div {
	text-indent:-9990px;
	display:none;
}

#index_img01 {

	background-repeat: no-repeat;
	background-position: center 0px;
	width: 890px;
	margin: 0px auto 70px;
	padding: 0px;
	text-align: left;
}
#index_img01 p {
	text-indent: -9990px;
}


/* lyout.css　───────────────────────────────────

	1. header Area style
	2. navigation style
	3. column style

────────────────────────────────────────*/


/* 1. header Area style
────────────────────────────────────────*/
#wrap {
	width:960px;
	height:auto;
	margin:0px auto;
	padding:0px;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
}

#header  {
	width:960px;
	height:225px;
	margin:0px 0px 0px 0px;
	padding:0px;

	background-image:url(../images/index_img.gif);
	background-position:top;
	background-repeat:no-repeat;

}


/* 2. navigation style
────────────────────────────────────────*/
#ptop {
	clear:both;
	display:block;
	text-align:right;
	padding:10px 15px 0px 0px;
}
#ptop a {
	display:inline-block;
	text-align:left;
	text-indent:-9990px;
	width:160px;
	height:19px;
	background-image:url(../images/p_top.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
#ptop a:hover {
	background-image:url(../images/p_top_on.gif);
}

#f_menu {
	text-align:left;
	padding:0px 0px 3px 15px;
	margin:-15px 0px 0px 0px;
	font-size:10px;
}
#f_menu a {
	text-decoration:none;
	font-size:1.4em;
}
#f_menu a:hover {
	text-decoration:underline;
}

/* 2. navigation style texttype
────────────────────────────────────────*/
ul#gNavi_txt {
	clear:both;
	width:960px;
	margin:0px;
	padding:0px;
	list-style:none;
}
ul#gNavi_txt li {
	float:left;
	margin:0px 2px 2px 0px;
	padding:0px;
	display:block;
	text-align:center;
	background-color:#ec6b31;
}
ul#gNavi_txt li#home,ul#gNavi_txt li#slist {
	margin:0px 0px 2px 0px;
}
ul#gNavi_txt li a {
	display:block;
	padding:8px 0px 5px 0px;
	color:#FFF;
	text-decoration:none;
	_height:28px;
}
ul#gNavi_txt li a:hover,ul#gNavi_txt li:hover {
	background-color:#e60039;
}

ul#gNavi_txt li#g_on {
	background-color:#e60039;
}
ul#gNavi_txt li#gc2 {
	background-color:#23b123;
}

/* HOMEボタンを除くメニュー数をセットする
────────────────────────────────────────*/

ul.txt5 li { width:190px; font-size:16px;}
ul.txt5 li#home,ul.txt5 li#slist { width:192px;}

ul.txt6 li { width:158px; font-size:16px;}
ul.txt6 li#home,ul.txt6 li#slist { width:160px;}

ul.txt7 li { width:135px; font-size:16px;}
ul.txt7 li#home,ul.txt7 li#slist { width:138px;}

ul.txt8 li { width:118px; font-size:14px;}
ul.txt8 li#home,ul.txt8 li#slist { width:120px;}


/* 3. column style
────────────────────────────────────────*/
#contents {
	clear:both;
	margin:0px auto 10px;
	padding: 0px;
}
#column_l {
	float:left;
	width:730px;
	height:auto;
}
#column_r {
	float:right;
	width:200px;
	height:auto;
}
#column_r h3 {
	margin:20px 0px 10px 0px;
	padding:0px;
}
.side_bn {
	margin:0px 0px 10px 0px;
	padding:0px;
}
dl#voice {
	margin:0px;
	padding:0px;
}
dl#voice dt {
	float:left;
	margin:0px;
	padding:0px;
	display:block;
	width:50px;
	text-align:left;
}
dl#voice dd {
	float:left;
	width:145px;
	display:block;
	margin:0px 0px 10px 0px;
	padding:0px;
	font-size:12px;
	text-align:left;
}
#rq {
	clear:both;
	margin:15px auto;
	text-align:center;
}
.f_price{
	clear:both;
	text-align:center;
}
#f_mail {
	clear:both;
	margin:10px 0px 30px;
}
ul#banner {
	margin:0px;
	padding:0px;
	list-style:none;
}
ul#banner li {
	margin:0px 0px 5px 0px;
	padding:0px;
	height:auto;
}
#copy {
	clear:both;
	background-color:#0f2350;
	color:#FFF;
	font-size:12px;
	padding:5px 0px;
}

#area {
	clear:both;
	margin:10px 0px 20px 0px;
}
#area h3 {
	color:#1d449c;
	font-weight:bold;
	font-size:14px;
	background-image:none;
	margin:0px;
	padding:5px 3px;
	border-bottom:1px solid #cccccc;
}
#area p {
	font-size:14px;
	margin:0px;
	padding:5px 0px 3px 5px;
}

#bn_talent_bg {
	clear:both;
	display:block;
	width:700px;
	height:280px;
	margin:0px auto;
	background-image:url(http://files.otasuke365.co.jp/_areaweb/images/bn_talent_bg.png);
	background-position:top left;
	background-repeat:no-repeat;
}
body #bn_talent_bg p {
	display:block;
	font-size:30px;
	font-weight:bold;
	margin:0px;
	padding:70px 0px 0px 50px;
	line-height:38px;
}
body #bn_talent_bg p span {
	color:#ff0000;
}
#arealist {
	padding:10px 20px;
}
#arealist div {
	font-size:1.2em;
}


.index_textbox {
	margin-bottom: 50px;
	margin-right: 80px;
	margin-left: 80px;
	border: 3px solid #0C2150;
}
.index_textbox p{
	font-size: 18px;
	text-align: left;
	padding: 1em;
	margin: 0px;
}

dl.flow {
	clear:both;
	margin:0px 0px 25px 40px;
	padding:0px;
}
dl.flow dt {
	clear:both;
	display:block;
	float:left;
	font-size:1.2em;
	font-weight:bold;
	padding:18px 24px;
	margin:5px auto;
	font-size:16px;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	background-color:#2c66e9;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
dl.flow dd {
	float:left;
	font-size:1.2em;
	width:600px;
	margin:0px 0px 10px 0px;
	padding:1.2em 10px;
	text-align:left;
}
dl.flow dd.line2 {
	padding:0.7em 10px;
}
dl.flow dd.line3 {
	padding:0.3em 10px;
}


.order {
	text-align:center;
	padding:30px 0px;
}
.text750 {
	width:750px;
	height:auto;
	margin:0px auto;
}
.text750 p {
	font-size:1.1em;
}
.img_c {
	text-align:center;
	padding:30px 0px;
}

dl.arealist {
	clear:both;
	width:740px;
	margin:0px;
	padding:0px;
	background-color:#ec6b31;
}
dl.arealist dt {
	clear:both;
	float:left;
	color:#FFFFFF;
	font-size:1.2em;
	width:150px;
	height:auto;
	margin:0px 0px 0px 0px;
	padding:1em 0px 0px;
	text-align:center;
	line-height:none;
	border-bottom:15px solid #FFF;
	display:table-cell;
	vertical-align:middle;
}
dl.arealist dd {
	width:570px;
	font-size:1.2em;
	margin:0px 0px 0px 0px;
	padding:5px 10px;
	text-align:left;
	line-height:1.2em;
	background-color:#FFFFFF;
	border-bottom:5px solid #FFF;
	display:table-cell !important;
	vertical-align:middle !important;
}
h2.h2tilte {
	font-size:2em;
	font-weight:bold;
	color:#e60039;
	font-family: "UD Shin Go Medium",メイリオ,Meiryo,ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3;
}


dl,dt,dd {
	margin: 0;
	padding: 0;
}
dl.table {
	margin: 20px auto;
	background-color:#ec6b31;
}

dl.table > * {
	line-height: 1.5;
	padding: 0.3em 10px;
}

dl.table dt {
	margin-right: -200px;
	width: 200px;
	float: left;
	clear: both;
	color:#FFFFFF;
	border-top:15px #FFFFFF solid;
	display:table-cell;
	vertical-align:middle;
}
dl.table dd {
	margin-left: 220px;
	text-align:left;
	background-color:#fff;
	border-top:15px #FFFFFF solid;
}


#select_txt {
	background-image:url(../images/bg_select.gif);
	background-position:center;
	background-repeat:no-repeat;
	height:2370px;
}
#select_txt h3,#select_txt h4,#select_txt dl,#select_txt ul,#select_txt p {
	display:none;
}