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

*{
margin:0;
padding:0;
}

body{
background:url(/DU/images/bg.gif) #FFF repeat-x top;
}

img{
border:none;
}

a{
border:none;
color:#350919;
}

a:hover{
border:none;
text-decoration:none;
color:#350919;
}

/*a.b{
border:none;
color:#404180;
}

a.b:hover{
border:none;
text-decoration:none;
color:#404180;
}

*/
#container{
width:830px;
margin:0 auto;
background:url(/DU/images/bg_main.gif) #FFF repeat-x top;
}

#contents{
margin:0 37px;
color:#350919;
font-size:12px;
line-height:1.5em;
background-color:#ffffff;
}

.clear{
clear:both;
}


/*  ヘッダー  */
#header{
width:756px;
height:90px;
}

#header h1{
float:left;
margin:20px 0;
}

#header p{
float:left;
margin:13px 0 13px 24px;

}#header p img{
float:left;
margin-left:8px;
}


/*  メニュー  */
#menu{
width:170px;
float:left;
}

#menu h2{
margin-bottom:6px;
}

#menu h2.part{
margin-bottom:14px;
}

#menu div.part{
margin-bottom:20px;
}

#menu li.p{
list-style-type:none;
margin:7px 0 7px 10px;
padding-left:12px;
background:url(/DU/images/arrow_pink.gif) left no-repeat;
}

#menu li.b{
list-style-type:none;
margin:7px 0 7px 10px;
padding-left:12px;
background:url(/DU/images/arrow_blue.gif) left no-repeat;
}

#menu div.banner{
margin-top:15px;
}

#menu div p{
margin-bottom:8px;
}

/*  メイン ---------------------------- */
#main{
width:574px;
margin-left:12px;
float:left;
}

#main h2.sp{
margin-bottom:10px;
}

#main .maincont{
margin:10px 0 20px 10px;
}

/*イメージ位置*/
#main .imgright img{
float:right;
margin:0 0 10px 10px;
}

#main .imgleft img{
float:left;
margin:0 10px 10px 0;
}

#main .imgcenter{
text-align:center;
margin-bottom:15px;
}

/*bottomスペースアリ*/
#main p.mb_sp{
margin-bottom:15px;
}

/*topスペースアリ*/
#main p.mt_sp{
margin-top:15px;
}

/*アクセスマップテキスト*/
#main p.maptxt{
margin-left:30px;
}

/*オープンスクール申し込みボタン用*/
#main p.btnopen{
text-align:right;
margin:10px 10px 0 0;
}

/*キャプション右用*/
#main p.cap{
text-align:right;
margin-right:30px;
}

/*お問い合わせ*/
#main .frame{
border:1px solid #ccc;
background-color: #F5F5F5;
padding:5px;
}

/*インデント*/
#main table .ind{
margin-left:20px;
}


/*各ディレクトリ色別設定*/
#main_p h3{
background-image:url(/DU/images/subtit_bg_p.gif);
padding-left:40px;
color:#350919;
font-size:14px;
font-weight:bold;
line-height:2.0em;
height:30px;
margin-top:10px;
}

#main_b h3{
background-image:url(/DU/images/subtit_bg_b.gif);
padding-left:40px;
color:#350919;
font-size:14px;
font-weight:bold;
line-height:2.0em;
height:30px;
margin-top:10px;
}

#main_g h3{
background-image:url(/DU/images/subtit_bg_g.gif);
padding-left:40px;
color:#285122;
font-size:14px;
font-weight:bold;
line-height:2.0em;
height:30px;
margin-top:10px;
}

#main_p h4{
background:url(/DU/images/square_p.gif) no-repeat left;
padding-left:15px;
color:#350919;
font-size:12px;
font-weight:bold;
}

#main_b h4{
background:url(/DU/images/square_b.gif) no-repeat left;
padding-left:15px;
color:#350919;
font-size:12px;
font-weight:bold;
}

/*テーブルピンク*/
#main_p table{
border-collapse:collapse;
}

#main_p table th{
text-align:left;
border:1px solid #f091b6;
padding:5px;
background-color:#fcf0f3;
vertical-align:top;
}

#main_p table td{
border:1px solid #f091b6;
padding:5px;
vertical-align:top;
}

/*テーブルピンクテキストセンター設定*/
#main_p table.txt_center th{
text-align:center;
}

#main_p table.txt_center td{
text-align:center;
}

/*テーブルブルー*/
#main_b table{
border-collapse:collapse;
}

#main_b table th{
text-align:left;
border:1px solid #393ca9;
padding:5px;
background-color:#e3e4fa;
vertical-align:top;
}

#main_b table td{
border:1px solid #393ca9;
padding:5px;
vertical-align:top;
}

/*テーブルブルーテキストセンター設定*/
#main_b table.txt_center th{
text-align:center;
}

#main_b table.txt_center td{
text-align:center;
}

/*テーブルブルーテキストセンター設定*/
#main_b table.txt_center th{
text-align:center;
}

#main_b table.txt_center td{
text-align:center;
}

/*ボーダーなしのテーブル*/
#main_p table.none{
border:none;
}

#main_p table.none td{
border:none;
padding:5px;
text-align:left;
}

#main_b table.none{
border:none;
}

#main_b table.none td{
border:none;
padding:5px;
text-align:left;
}


/*sitemap*/
#main p.maptit{
padding:5px 15px;
color:#350919;
font-size:12px;
font-weight:bold;
background-color: #ffeaf2;
border-bottom:1px solid #ffd3e3;
}

#main p.mapsubtit{
background:url(/DU/images/square_p.gif) no-repeat left;
padding-left:15px;
color:#350919;
font-size:12px;
font-weight:bold;
margin:0 0 5px 15px;
}


#main ul.sitemap{
float:left;
width:250px;
}

#main ul.sitemap li{
list-style-type:none;
margin:3px 0;
padding-left:15px;
}

/*新メソッド*/

#method {
width:573px;
}

#method ul {
list-style-type:none;
}

#method img {
vertical-align:bottom;
}

#method .clearfix {
zoom:1;
}

#method .clearfix:after {
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

#method h2 {
margin-bottom:21px;	
}

#method .header .menu {
margin:0 1px 0 2px;
font-size:0;
}

#method .header .menu li {
float:left;
padding:0 4px 0 2px;
}

#method .p1-01 {
margin-bottom:21px;
}

#method .p1-01 .image {
float:left;
width:225px;
}

#method .p1-01 .text {
float:right;
width:348px;
}

#method .p1-01 .text ul {
list-style-type:none;
}

#method .p1-01 .text ul img {
vertical-align:bottom;
}

#method .p1-02 {
margin-bottom:19px;
}

#method .p1-02 .text {
float:left;
width:370px;
margin-bottom:18px;
}

#method .p1-02 .text h4 {
margin:2px 0 8px 0;
}

#method .p1-02 .text p {
color:#787878;
}

#method .p1-02 .image {
float:right;
width:169px;
margin-bottom:18px;
}

#method .p2-01 {
margin-bottom:26px;
}

#method .p2-01 .text01 {
float:left;
width:286px;
}

#method .p2-01 .text02 {
float:left;
width:287px;
}

#method .p2-01 h5 {
margin-bottom:6px;
}

#method .p2-01 p {
margin:0 15px;
color:#787878;
}

#method .p2-02 {
margin-bottom:26px;
padding-bottom:10px;
background:#ffd5a8 url(/DU/images/method_p2_bg01.png) no-repeat left bottom;
}

#method .p2-02 .text01 {
float:left;
width:286px;
}

#method .p2-02 .text02 {
float:left;
width:287px;
}

#method .p2-02 p {
width:255px;
color:#474747;
}

#method .p2-02 .text01 p {
margin-left:20px;
}

#method .p2-02 .text02 p {
margin-left:13px;
}

#method .p3-01 {
background-color:#ebebeb;
}

#method .p3-01 li {
line-height:1;
}

#method .p3-01 .feat {
padding-bottom:7px;
background:transparent url(/DU/images/method_p3_bg.png) no-repeat right bottom;
}

#method .p3-01 .feat h5 {
padding-bottom:7px;
background:transparent url(/DU/images/method_p3_bg.png) no-repeat left bottom;
}

#method .p3-01 .feat p {
padding:0 22px;
color:#616161;
background:transparent url(/DU/images/method_p3_bg.png) repeat-y -573px 0;
}

#method .p3-01 .flow {
float:left;
width:287px;
padding-bottom:17px;
}

#method .p3-01 .yume {
float:right;
width:286px;
padding-bottom:49px;
}

#method .p3-01 .detail {
float:left;
padding:0 0 0 12px;
}

#method .p3-02 {
background-color:#ebebeb;
}

#method .p3-02 li {
line-height:1;
}

#method .p3-02 .feat {
padding-bottom:7px;
background:transparent url(/DU/images/method_p3_bg.png) no-repeat right bottom;
}

#method .p3-02 .feat h5 {
padding-bottom:7px;
background:transparent url(/DU/images/method_p3_bg.png) no-repeat left bottom;
}

#method .p3-02 .feat p {
padding:0 22px;
color:#616161;
background:transparent url(/DU/images/method_p3_bg.png) repeat-y -573px 0;
}

#method .p3-02 .flow {
float:left;
width:287px;
padding-bottom:17px;
}

#method .p3-02 .yume {
float:right;
width:286px;
padding-bottom:65px;
}

#method .p3-02 .detail {
float:left;
padding:0 0 0 12px;
}

#method .p3-03 {
background-color:#ebebeb;
}

#method .p3-03 li {
line-height:1;
}

#method .p3-03 .feat {
padding-bottom:7px;
background:transparent url(/DU/images/method_p3_bg.png) no-repeat right bottom;
}

#method .p3-03 .feat h5 {
padding-bottom:7px;
background:transparent url(/DU/images/method_p3_bg.png) no-repeat left bottom;
}

#method .p3-03 .feat p {
padding:0 22px;
color:#616161;
background:transparent url(/DU/images/method_p3_bg.png) repeat-y -573px 0;
}

#method .p3-03 .flow {
float:left;
width:287px;
padding-bottom:17px;
}

#method .p3-03 .yume {
float:right;
width:286px;
padding-bottom:47px;
}

#method .p3-03 .detail {
float:left;
padding:0 0 0 12px;
}


#method .p3-04 {
margin-bottom:21px;
}

#method .p3-04 h3 br {
display:none;
}

#method .p3-04 .chart01 {
position:relative;
}

#method .p3-04 .chart01 .image02 {
position:absolute;
top:80px;
left:411px;
}

#method .p3-04 .chart02 {
float:left;
width:189px;
}

#method .p3-04 .chart03 {
float:right;
width:384px;
}

#method .p3-04 .chart03 .button {
width:326px;
height:70px;
padding:0 0 0 58px;
background:transparent url(/DU/images/method_p3_c4_bg.png) no-repeat left top;
}



#method .footer .menu {
margin:0 26px 35px 40px;
font-size:0;
}

#method .footer .menu li {
float:left;
padding:0 14px 0 0;
}


/*top*/
#main .maincont_top{
margin:10px 0 15px 0;
}


#main .left{
width:343px;
float:left;
}

#main .left li{
margin-left:15px;
padding:3px 0;
list-style-type:none;
}

#main .right{
width:220px;
margin-left:10px;
float:left;
text-align:center;
}



/*  フッター  */
#footer{
width:756px;
margin-top:10px;
border-top:1px solid #e17979;
text-align:center;
}

#footer p{
padding:5px 0;
}

#footer p.copy{
padding:5px 0 15px;
}




/*フォント設定*/
.col_red_req{
color:#CC0000;
font-weight:normal;
font-size:10px;
}

.f_10{
font-size:10px;
}

.col_bl{
color:#393ca9;
}



/*位置設定*/
.txt_r{
text-align:right;
}