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

/*---------------------------------
		BaseCSS
---------------------------------*/

/* header */

div.PageTitle { margin:0 10px 10px 0; position:relative; background-color:#FFFFFF;}
div.PageTitle h2 { height:113px;}
div.PageTitle img.button01 { position:absolute; left:671px; top:0;}
div.PageTitle img.button02 { position:absolute; left:671px; top:39px;}
div.PageTitle img.button03 { position:absolute; left:671px; top:76px;}

/* container */
#container {}

#left { display:inline; float:left; width:635px; margin:10px 0 20px 15px;}
#right { display:inline; float:right; width:220px; margin:10px 20px 20px 0;}

div.FootBack { text-align:right;} 
div.FootBack a { text-align:right;} 

/* left */
#left div.article { margin:0 0 10px 0;}
#left div.article h3 {}
#left div.article h3.Nontext {}
#left div.article div.text { font-size:80%;}
#left div.article div.text p { margin:5px 10px 15px 10px;}

#left div.type01 {}
#left div.type01 h3 { position:relative; padding:0 0 0 13px; background-image:url(img/left_h3_type01.png); background-position:left top; background-repeat:no-repeat; height:28px; color:#FFFFFF; line-height:1.8;}
#left div.type01 h3 span.sub { position:absolute; bottom:2px; right:5px; font-size:70%; font-weight:normal;}
#left div.type01 h3.Nontext {}
#left div.type01 div.text { margin:10px 0;}
#left div.type01 div.text h4 { margin:5px 0 0 0; padding:0 0 0 10px; border-bottom:#86A4C7 solid 3px; color:#3668A2; font-size:110%;}
#left div.type01 div.text div.link01 { margin:10px 15px;}
#left div.type01 div.text div.link01 a { padding:5px 0 5px 25px; background-image:url(img/icon/arrow02.png); background-position:left 50%; background-repeat:no-repeat;}
#left div.type01 div.text h5 { margin:5px 0 0 0; padding:0 0 0 10px; color:#3567a1;}

#left div.type02 {}
#left div.type02 h3 { padding:3px 0 3px 20px; background-color:#E2F3F9;}
#left div.type02 h3.Nontext {}
#left div.type02 div.text {}
#left div.type02 div.text h4 { margin:10px 0 0 0; padding:3px 0 3px 20px; font-size:110%; color:#3668A2;}
#left div.type02 div.text p.quest { margin:10px 0 0 0; padding:3px 0 3px 20px; font-size:110%; color:#3668A2;}
#left div.type02 div.text div.link01 { margin:10px 15px;}
#left div.type02 div.text div.link01 a { padding:5px 0 5px 25px; background-image:url(img/icon/arrow02.png); background-position:left 50%; background-repeat:no-repeat;}

#left div.type03 {}
#left div.type03 h3 { padding:3px 0 3px 20px; background-color:#E2F3F9;}
#left div.type03 h3.Nontext {}
#left div.type03 div.text {}
#left div.type03 div.text h4 { margin:15px 0 0 0; padding:0 0 0 10px; border-bottom:#86A4C7 solid 3px; color:#3668A2; font-size:110%;}
#left div.type03 div.text p.quest { margin:10px 0 0 0; padding:3px 0 3px 20px; font-size:110%; color:#3668A2;}
#left div.type03 div.text div.link01 { margin:10px 15px;}
#left div.type03 div.text div.link01 a { padding:5px 0 5px 25px; background-image:url(img/icon/arrow02.png); background-position:left 50%; background-repeat:no-repeat;}

#left div.type02 {}
#left div.type02 h3 {}
#left div.type02 h3.Nontext {}
#left div.type02 div.text {}

#left div.navi01 div.text { text-align:center;}
#left div.navi01 div.text ul { margin:5px 0;}
#left div.navi01 div.text ul li { display:inline; padding:2px 10px 2px 5px; font-size:110%; border-right:#999999 solid 1px;}
#left div.navi01 div.text ul {}
#left div.navi01 {}

/* right */
#right div.article { margin:10px 0;}
#right div.article h2 {}
#right div.article h2.Nontext {}
#right div.article div.text { font-size:80%;}

#right div.type01 {}
#right div.type01 h2 {}
#right div.type01 h2.Nontext { height:25px;}
#right div.type01 div.text {}
#right div.type01 div.text div.detail { margin:5px;}
#right div.type01 div.text div.detail a { padding:0 0 0 20px; background-image:url(img/icon/arrow01.png); background-position:left 50%; background-repeat:no-repeat;}

#right div.type02 {}
#right div.type02 h3 {}
#right div.type02 h3.Nontext {}
#right div.type02 div.text {}

#right ul.RightType01 {}
#right ul.RightType01 li { padding:5px; border-bottom:#333333 dotted 1px;}
#right ul.RightType01 li h3 { color:#3567A1;}
#right ul.RightType01 li p {}
#right ul.RightType01 li div.detail {}
#right ul.RightType01 li div.detail a { padding:0 0 0 20px; background-image:url(img/icon/arrow01.png); background-position:left 50%; background-repeat:no-repeat;}

#right div.navi01 {}
#right div.navi01 h3 { padding:5px 0 5px 7px; background-color:#3668A2; color:#FFFFFF; font-size:80%; font-weight:normal;}
#right div.navi01 div.text { border:#CCCCCC solid 1px; border-top:none; background-color:#F0F0F0;}
#right div.navi01 div.text ul {}
#right div.navi01 div.text ul li { margin:0 3px; border-bottom:#000000 dotted 1px;}
#right div.navi01 div.text ul li a { display:block; padding:5px 0 5px 18px; background-image:url(img/icon/arrow03.png); background-position:5px 50%; background-repeat:no-repeat;}
#right div.navi01 div.text ul {}

/*---------------------------------
		PageCSS
---------------------------------*/

#PageJireiList {}
#PageJireiList div.article ul.list01 {}
#PageJireiList div.article ul.list01 li { border-bottom:#CCCCCC solid 3px;}
#PageJireiList div.article ul.list01 li div.thumb { float:left; display:inline; margin:10px; border:#CCCCCC solid 1px;}
#PageJireiList div.article ul.list01 li div.thumb img { margin:3px;}
#PageJireiList div.article ul.list01 li h4 { padding:10px 0 0 0; margin:0 0 0 140px; color:#3567A1; font-size:110%;}
#PageJireiList div.article ul.list01 li p { margin:10px 0 0 150px;}
#PageJireiList div.article ul.list01 li p.name { margin:10px 0 0 130px; padding:10px; font-size:90%; border-top:#CCCCCC dashed 1px;}
#PageJireiList div.article ul.list01 li div.detail { text-align:right; margin:10px;}
#PageJireiList div.article ul.list01 li div.detail a { padding:5px 0 5px 25px; background-image:url(img/icon/arrow02.png); background-position:left 50%; background-repeat:no-repeat;}
#PageJireiList ul.list01 {}
#PageJireiList ul.list01 {}
#PageJireiList ul.list01 {}

#PageQandAList ul.list01 { margin:0 20px;}
#PageQandAList ul.list01 li { padding:3px 0 3px 15px; background-image:url(img/icon/arrow03.png); background-position:left 50%; background-repeat:no-repeat;}
#PageQandAList ul.list01 li a {}

#PageQandA dl.list01 { margin:0 20px;}
#PageQandA dl.list01 dt { margin:20px 0 0 0; padding:10px 0 5px 25px; background-image:url(img/icon/q_a01.png); background-position:left 50%; background-repeat:no-repeat; color:#3668A2; border-bottom:#CCCCCC solid 1px; font-weight:bold;}
#PageQandA dl.list01 dd { margin:5px 5px 5px 10px;}

#PageJirei div.headbox div.text {}
#PageJirei div.headbox div.text div.thumb { float:right; display:inline; margin:10px 15px; border:#CCCCCC solid 1px;}
#PageJirei div.headbox div.text div.thumb img { margin:3px;}
#PageJirei div.headbox div.text h5.index { clear:both; background-image:url(img/title/h5_jirei01.png); background-position:center; background-color:#CCCCCC;}
#PageJirei div.headbox div.text ul.index { margin:5px 0; padding:10px; background-color:#F6F6F6;}
#PageJirei div.headbox div.text ul.index li { margin:5px 0;}
#PageJirei div.headbox div.text p.description { margin:10px 200px 10px 0; padding:40px 10px 10px 10px; background-image:url(img/icon/str_softbrain01.png); background-position:5px 5px; background-repeat:no-repeat; background-color:#E2F3F9; font-size:90%;}
#PageJirei div.headbox div.text p.name { margin:10px 200px 10px 0; padding:0 30px 0 0; background-image:url(img/icon/arrow04.png); background-position:right 50%; background-repeat:no-repeat; text-align:right;}


#PageSeminar {}
#PageSeminar div.article div.text {}
#PageSeminar div.article div.text div.box01 {}
#PageSeminar div.article div.text div.box01 h4 { padding:15px 0 15px 25px; border-bottom:#3668A2 solid 2px; border-left:#3668A2 solid 10px; background-color:#F0F0F0; font-size:120%;}
#PageSeminar div.article div.text div.box01 div.thumb { float:left; display:inline; margin:10px;}
#PageSeminar div.article div.text div.box01 div.thumb img {}
#PageSeminar div.article div.text div.box01 table { float:right; width:400px;}
#PageSeminar div.article div.text div.box01 div.detail { clear:both; text-align:right;}
#PageSeminar {}
#PageSeminar {}

#PageMedia {}
#PageMedia div.article div.text ul.list01 {}
#PageMedia div.article div.text ul.list01 li { border-bottom:#999999 dashed 1px;}
#PageMedia div.article div.text ul.list01 li div.thumb { float:left; display:inline; margin:10px; border:#CCCCCC solid 1px;}
#PageMedia div.article div.text ul.list01 li div.thumb img { margin:5px;}
#PageMedia div.article div.text ul.list01 li p { margin:0 0 0 150px; padding:20px 0 0 0;}
#PageMedia div.article div.text ul.list01 li {}
#PageMedia div.article div.text ul.list01 {}
#PageMedia div.article div.text ul.list01 {}
#PageMedia div.article div.text ul.list01 {}

#PageBook {}
#PageBook div.article div.text div.box01 {}
#PageBook div.article div.text div.box01 div.thumb { float:right; display:inline; margin:15px; border:#999999 solid 1px;}
#PageBook div.article div.text div.box01 div.thumb img { margin:5px;}
#PageBook div.article div.text div.box01 h4 {}
#PageBook div.article div.text div.box01 p.author { color:#3567a1;}
#PageBook div.article div.text div.box01 div.maintext {}
#PageBook div.article div.text div.box01 {}

#PageCan p.arrow01 { padding:3px 0 3px 25px; background-image:url(img/icon/arrow02.png); background-position:left 50%; background-repeat:no-repeat;}


#PageShindan02 div.article div.text div.box01 { text-align:center; border:#CCCCCC solid 1px; background-color:#FCEFB6; padding:15px; margin:30px; font-size:120%;}
#PageShindan02 div.article div.text div.box01 {}
#PageShindan02 div.article div.text div.box01 {}
#PageShindan02 div.article div.text div.box01 {}
#PageShindan02 div.article div.text div.box01 {}


#PageSitemap ul.sitemap { line-height:1.6;}
#PageSitemap ul.sitemap li { background-image:url(img/icon/sitemap.png); background-repeat:no-repeat}
#PageSitemap ul.sitemap li.rank0 { background-image:none; padding:0 0 0 18px; background-position:0 50%;}
#PageSitemap ul.sitemap li.rank1 { padding:0 0 0 33px; background-position:15px 50%;}
#PageSitemap ul.sitemap li.rank2 { padding:0 0 0 48px; background-position:30px 50%;}
#PageSitemap ul.sitemap li.rank3 { padding:0 0 0 63px; background-position:45px 50%;}

#PageMail div.article div.text {}
#PageMail div.article div.text div.box01 { margin:30px 0; padding:10px; border:#999999 solid 1px;}
#PageMail div.article div.text div.box01 h4 { margin:5px; padding:0; color:#2C5897;}
#PageMail div.article div.text div.box01 p {}
#PageMail div.article div.text div.box01 div.detail { margin:5px; text-align:right;}
#PageMail div.article div.text div.box01 div.form { padding:5px 0 0 0; text-align:center; border-top:#000000 dotted 1px;}
#PageMail div.article div.text div.box01 div.form label { color:#2C5897; font-weight:bold;}
#PageMail div.article div.text div.box01 div.form input,button { margin:2px; vertical-align:middle;}
#PageMail div.article div.text {}
#PageMail div.article div.text {}
#PageMail div.article div.text {}



#PageMail div.article div.text div.rulesBox { margin:15px; overflow:scroll; height:200px; border:#999999 solid 1px;}
#PageMail div.article div.text ul.mailList li { margin:30px 0; padding:10px; border:#CCCCCC solid 1px;}
#PageMail div.article div.text ul.mailList li 
#PageMail div.article div.text ul.mailList li 
#PageMail div.article div.text ul.mailList li 
#PageMail div.article div.text ul.mailList li 
#PageMail div.article div.text ul.mailList li 
#PageMail div.article div.text ul.mailList li