﻿@charset "utf-8";

@import "reset.css";
@import "screen.css";
@import "common.css";

/*----------------------------------------------------------------------------
******************************************************************************
Common
******************************************************************************
----------------------------------------------------------------------------*/
/* P-List
------------------------------------------------------------ */
#plist{
	background:url(../cmn_img/plist_icon.jpg) 0 1px no-repeat;
	padding:0 0 3px 24px;
	margin-bottom:5px;}

/* spacing
------------------------------------------------------------ */
.br{margin-bottom:1em;}
.top{margin-top:20px;}
.tar{text-align:right;}
.tac{text-align:center;}
.mar10{margin-bottom:10px;}
.marT10{margin-top:10px;}
.mar15{margin-bottom:15px;}
.caution{font-size:64%; line-height:1.2; margin-bottom:10px; color:#FF0000;}
.thankstac{text-align:center; font-size:16px; color:#FF0000;}


/*----------------------------------------------------------------------------
******************************************************************************
Headding
******************************************************************************
----------------------------------------------------------------------------*/

/* page title
------------------------------------------------------------ */
h3{
	width:555px;
	height:72px;
	display:block;
	margin-bottom:10px;
	text-indent:-99999px;}

#P02 h3{background:url(../img/p02_h3_ttl.jpg) 0 0 no-repeat;}
#P03 h3{background:url(../img/p03_h3_ttl.jpg) 0 0 no-repeat;}
#P04 h3{background:url(../img/p04_h3_ttl.jpg) 0 0 no-repeat;}
#P05 h3{background:url(../img/p05_h3_ttl.jpg) 0 0 no-repeat;}
#P06 h3{background:url(../img/p06_h3_ttl.jpg) 0 0 no-repeat;}
#P07 h3{background:url(../img/p07_h3_ttl.jpg) 0 0 no-repeat;}
#P08 h3{background:url(../img/p08_h3_ttl.jpg) 0 0 no-repeat;}
#P09 h3{background:url(../img/p09_h3_ttl.jpg) 0 0 no-repeat;}
#P10 h3{background:url(../img/p10_h3_ttl.jpg) 0 0 no-repeat;}
#P11 h3{background:url(../img/p11_h3_ttl.jpg) 0 0 no-repeat;}
#P12 h3{background:url(../img/p12_h3_ttl.jpg) 0 0 no-repeat;}
#P13 h3{background:url(../img/p13_h3_ttl.jpg) 0 0 no-repeat;}
#P14 h3{background:url(../img/p14_h3_ttl.jpg) 0 0 no-repeat;}
#P15 h3{background:url(../img/p15_h3_ttl.jpg) 0 0 no-repeat;}

#P98 h3{background:url(../img/p98_h3_ttl.jpg) 0 0 no-repeat;}
#P99 h3{background:url(../img/p99_h3_ttl.jpg) 0 0 no-repeat;}


/* title
------------------------------------------------------------ */
h4{
	background:url(../cmn_img/h4_icon.jpg) 1px 0 repeat-x #FFF;
	font-weight:bold;
	font-size:84%;
	line-height:1.4;
	padding:4px 0 4px 34px;
	border:#CCC 1px solid;
	margin-bottom:10px;}

h5{
	font-weight:bold;
	font-size:84%;
	margin-bottom:10px;
	padding:5px 0 5px 28px;
	border-bottom:#90BDE7 1px solid;
	background:url(../cmn_img/h5_icon.jpg) 4px 0 no-repeat;}

/* Box
-----------------------------------------------------------------------------*/
div.conBox{
	padding:10px;
	margin-bottom:20px;
	border:#CCC 1px solid;
	background:url(../cmn_img/box_bg.jpg) 0 0 no-repeat #FFF;}

div.conBox01{margin-bottom:20px;}

div.conBox02{width:700px; height:250px; margin:80px 20px 20px 20px;}

/*----------------------------------------------------------------------------
******************************************************************************
Link
******************************************************************************
----------------------------------------------------------------------------*/
/* pagetop
-----------------------------------------------------------------------------*/
div.pagetop{text-align:right; margin-bottom:15px;}

div.pagetop p{
	width:96px;
	float:right;
	background:url(../cmn_img/pagetop.jpg) 0 0 no-repeat;}

div.pagetop p a{
	height:25px;
	display:block;
	text-indent:-99999px;
	text-decoration:none;}

/* List
-----------------------------------------------------------------------------*/
#menuList{margin:0 0 12px 5px;}

#menuList li{background:url(../cmn_img/list_icon02.gif) 0 10px no-repeat; padding:3px 5px 2px 11px;}


/*----------------------------------------------------------------------------
******************************************************************************
P02 Index
******************************************************************************
----------------------------------------------------------------------------*/
#P02 div.conBox01 ul li{
	background:url(../cmn_img/list_icon03.gif) 4px 8px no-repeat;
	padding:1px 0 2px 14px;}


/*----------------------------------------------------------------------------
******************************************************************************
P03 Attention
******************************************************************************
----------------------------------------------------------------------------*/
#P03 div.conBox01 ul li{
	background:url(../cmn_img/list_icon02.gif) 4px 2px no-repeat;
	padding:0 0 4px 22px;}

#P03 div.conBox01 ul.list01 li{
	background:url(../cmn_img/list_icon03.gif) 16px 7px no-repeat;
	padding:0 0 2px 26px;}

#P03 #p03tbl{background-color:#90BDE7; margin-bottom:20px;}

#P03 #p03tbl th{background-color:#F2F2F2; padding:10px; font-size:78%; line-height:1.4; text-align:center;}
#P03 #p03tbl td{background-color:#FFFFFF; padding:10px; font-size:78%; line-height:1.4;}


/*----------------------------------------------------------------------------
******************************************************************************
P04 Index
******************************************************************************
----------------------------------------------------------------------------*/
#P04 div.conBox02{margin-bottom:40px;}

p.photo01{width:250px; float:left; margin:0 20px 10px 0; border:#CCC 1px solid;}
div.sbbox01{width:283px; float:right;}
div.sbbox02{width:200px; float:right; margin-left:20px;}
div.sbbox02 p{margin-bottom:10px; border:#CCC 1px solid;}


/*----------------------------------------------------------------------------
******************************************************************************
P05 Simulation
******************************************************************************
----------------------------------------------------------------------------*/
p.photo02{width:250px; float:left; margin:0 0 10px 10px; border:#CCC 1px solid; text-align:center;}
p.photo03{width:250px; float:right; margin:0 10px 10px 0; border:#CCC 1px solid; text-align:center;}


/*----------------------------------------------------------------------------
******************************************************************************
P07 Education
******************************************************************************
----------------------------------------------------------------------------*/
#P07 div.conBox02{margin-bottom:30px;}

#P07 p.photo04{width:250px; float:left; margin:0 20px 10px 0; border:#CCC 1px solid; text-align:center;}
#P07 p.photo05{width:250px; float:left; border:#CCC 1px solid; text-align:center;}

/*----------------------------------------------------------------------------
******************************************************************************
P08 Index
******************************************************************************
----------------------------------------------------------------------------*/
p.logo{width:180px; float:right; margin-left:20px;}
p.photo06{width:250px; float:right; margin-left:20px; border:#CCC 1px solid;}

/*----------------------------------------------------------------------------
******************************************************************************
P09 Fee
******************************************************************************
----------------------------------------------------------------------------*/
#P09 #feetbl{background-color:#CCC; margin-bottom:10px;}

#P09 #feetbl th,td{font-size:78%; line-height:1.2; padding:5px;}

#P09 #feetbl th{background-color:#E8F8FF; text-align:center;}
#P09 #feetbl td{background-color:#FFF;}

#feetbl th.row02{width:12%;}
#feetbl th.row03{width:23%;}
#feetbl th.row04{width:23%;}

#feetbl td.tbltd{width:25%;}

/*----------------------------------------------------------------------------
******************************************************************************
P10 Order
******************************************************************************
----------------------------------------------------------------------------*/
#P10 p.orderBox{
	border:#CCC 1px solid;
	background:url(../img/p10_icon.gif) 7px 50% no-repeat #FFF;
	padding:8px 10px 8px 40px;
	font-weight:bold;
	font-size:92%;
	display:block;}

#P10 p.orderBox01{
	border:#CCC 1px solid;
	background:url(../img/p10_icon.gif) 7px 50% no-repeat #FFF;
	padding:8px 10px 8px 40px;
	font-weight:bold;
	font-size:92%;
	display:block;
	margin-bottom:10px;}

#P10 p.ordertxt{padding:3px 10px 2px 20px;}

#P10 p.arrow{
	background:url(../img/p10_arrow.gif) 0 0 no-repeat;
	width:43px;
	height:44px;
	display:block;
	text-indent:-99999px;
	text-decoration:none;
	margin:10px auto;}

/*----------------------------------------------------------------------------
******************************************************************************
P11 Introduction
******************************************************************************
----------------------------------------------------------------------------*/
p.photo07{width:250px; border:#CCC 1px solid; float:right; margin-left:20px;}
p.photo08{width:180px; float:left; margin-left:15px; margin-bottom:15px;}
p.photo09{width:180px; float:left; margin-right:7px;}
p.photo10{width:180px; float:left;}
p.photo11{width:180px; float:right; margin-left:15px;}

/*----------------------------------------------------------------------------
******************************************************************************
P12 Faq
******************************************************************************
----------------------------------------------------------------------------*/
#P12 ul li{
	margin-bottom:5px;
	background:url(../img/p10_icon.gif) 0 0 no-repeat;
	padding:3px 0 3px 32px;}

#P12 dl{padding:10px; background-color:#FFF; border:#CCC 1px solid; margin-bottom:15px;}

#P12 dl dt{
	padding:4px 0 10px 32px;
	background:url(../img/p12_q_icon.gif) 0 0 no-repeat #FFF;
	border-bottom:#CCC 1px dashed;
	margin-bottom:10px;}

#P12 dl dd{
	padding:4px 0 0 32px;
	background:url(../img/p12_a_icon.gif) 0 0 no-repeat #FFF;}

/*----------------------------------------------------------------------------
******************************************************************************
P13 Company
******************************************************************************
----------------------------------------------------------------------------*/
#P13 p.photo12{
	width:130px;
	float:left;
	margin-right:10px;
	display:block;}

#P13 #comtbl{background-color:#CCC; margin-bottom:10px;}

#P13 #comtbl th,td{padding:10px;}

#P13 #comtbl th{background-color:#F8F8F8; width:25%; font-size:78%;}
#P13 #comtbl td{background-color:#FFF; width:75%;}

#P13 #comtbl02{background-color:#CCC; margin-bottom:20px;}

#P13 #comtbl02 th,td{padding:10px;}

#P13 #comtbl02 th{background-color:#F8F8F8; width:25%; font-size:78%;}
#P13 #comtbl02 td{background-color:#FFF; width:75%;}

#P13 p.photo13{
	width:180px;
	float:right;
	margin-left:20px;}

/*----------------------------------------------------------------------------
******************************************************************************
P13 Company
******************************************************************************
----------------------------------------------------------------------------*/
#P14 p.telephone{
	font-size:100%;
	line-height:1.6;
	font-weight:bold;
	width:28%;
	color:#B00000;
	margin-right:20px;
	display:block;
	padding:10px;
	border:#3366FF 1px dashed;
	background-color:#F6F6F6;
	float:left;}

#Contact{
	font-size:78%;
	line-height:1.46;
	width:555px;
	margin:10px 0 20px 0;}

#Contact input{line-height:1.2;}
#Contact label{margin:0 9px 5px 2px;}
#Contact table{background-color:#CCCCCC; width:100%;}
#Contact table th,td{
	line-height:1.66;
	font-weight:normal;
	background-color:#FFFFFF;
	padding:5px;}
#Contact table th{background-color:#F9F9F9; width:32%; vertical-align:top; padding-top:10px;}
#Contact table td{font-size:100%;}
#Contact p{margin-top:20px;}
#Contact select{font-size:100%; line-height:1.46;}
#Contact textarea{padding:3px;}

.adjust{padding:3px 5px 2px 5px; text-align:center; width:140px; height:20pt; margin:0 10px; font-size:120%;}
.attention{color:#FF0000;}

/*----------------------------------------------------------------------------
******************************************************************************
P15 Sitemap
******************************************************************************
----------------------------------------------------------------------------*/
#P15 dl.catettl dt{
	background:url(../cmn_img/h5_icon.jpg) 0 2px no-repeat;
	padding:3px 0 3px 26px;
	border-bottom:#CCC 1px dashed;
	margin:0 0 3px 5px;}

#P15 dl.catettl dd{padding:0 10px 0 32px; margin-bottom:15px;}

#P15 p.catettl01{
	background:url(../cmn_img/h5_icon.jpg) 0 2px no-repeat;
	padding:3px 0 3px 26px;
	border-bottom:#CCC 1px dashed;
	margin:0 0 10px 5px;}

#P15 dl.subttl{padding-left:32px;}

#P15 dl.subttl dt{
	background:url(../cmn_img/list_icon01.gif) 0 5px no-repeat;
	padding:0 0 3px 16px;
	border-bottom:#CCC 1px dashed;
	margin-bottom:3px;}

#P15 dl.subttl dd{padding:0 10px 0 16px; margin-bottom:10px;}

/*----------------------------------------------------------------------------
******************************************************************************
P98 Index
******************************************************************************
----------------------------------------------------------------------------*/
#P98 div.conBox01 ul li{
	background:url(../cmn_img/list_icon03.gif) 4px 8px no-repeat;
	padding:1px 0 2px 14px;}

/*----------------------------------------------------------------------------
******************************************************************************
P99 Index
******************************************************************************
----------------------------------------------------------------------------*/
#P99 div.conBox01 ul li{
	background:url(../cmn_img/list_icon03.gif) 4px 8px no-repeat;
	padding:1px 0 2px 14px;}

/*----------------------------------------------------------------------------
******************************************************************************
CMS調整
******************************************************************************
----------------------------------------------------------------------------*/
#P11 div.conBox01 p{font-size:16px;}
#P99 div.conBox01 p{font-size:16px;}
#P11 div.conBox01 img{max-width:480px; margin:10px 0px;}
#P99 div.conBox01 img{max-width:480px; margin:10px 0px;}



