@charset "utf-8";

@import url("yui-superfish-jquery.css");

/* --------------------------------------------
 - 要素
 - テーブル
 - テキスト装飾
 ｰ 本文（メインエリア）
 
 
 ＜以下、コンテンツブロックの出現順＞                 
- hd: ヘッダー部
- header-group: グループ共通のヘッダー               
- group-logo: グループのロゴ
- global-navi-group: グループのナビ
 *                 
 *                 
 * -------------------------------------------- */

/* --------------------------------------------
 * ■■               
 * -------------------------------------------- */
 
/* ■■ ここから */
/* ■■ ここまで */
 
/* --------------------------------------------
 * 要素               
 * -------------------------------------------- */
 
a:link {
color: #0646A0;
text-decoration: underline;
}

a:visited {
color: #551A8B; 
text-decoration: underline;
}

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

a:active {
text-decoration: none;
}

a:hover img { /* not validated */ 
opacity: 0.5;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
}

body {
background: #F9F9F9 url(../images/background-group/bg-ribbon.png) repeat-x 0 0;
color: #2E2E2A;
font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS P Gothic",Osaka,Verdana,Arial,Helvetica,sans-serif;
}
 
em, strong {
font-weight: bold;
}

hr {
display: none;
}

div.line {
border-bottom: 1px solid #e5e5e5;
margin: 20px auto;
width: 90%;
}

div.blank {
border-bottom: 1px solid transparent;
margin: 20px auto;
width: 90%;
}
 
object {
overflow: hidden;
}


/* テーブル 開始 */
 
table {
font-size: 108%; 
margin-bottom: 1em;
margin-right: auto;
margin-left: auto;
width: auto;
}

table th {
background: #dee3ef;
border: 1px solid #D4D0C8;
font-weight: bold;
padding: 3px 14px;
text-align: center;
white-space: nowrap;
}

table td {
border: 1px solid #D4D0C8;
padding: 3px 4px;
}

table tr.even td {
background: #f7fbff;
}

table.photo {
margin-bottom: 1em;
margin-right: auto;
margin-left: auto;
width: auto;
}

table.photo td {
border: 1px solid #D4D0C8;
padding: 3px 4px;
}

table.photo-noframe {
margin-bottom: 1em;
margin-right: auto;
margin-left: auto;
width: auto;
}

table.photo-noframe td {
border: 0px none;
padding: 3px 4px;
}
 
/* テーブル 終了 */

 
/* テキスト装飾 開始 */

.bold {
font-weight: bold;
}

.red {
color: red;
}

.note {
color: #555555;
font-size: 77%;
}

/* テキスト装飾 終了 */


/* --------------------------------------------
 * 本文（メインエリア）               
 * -------------------------------------------- */

.backtotop {
background: url(../images/chips/arrow_blue2.gif) no-repeat right 1px;
clear: both;
font-size: 93%;
margin: 2em 0;
padding: 0 14px 0 0;
text-align: right;
}

.center {
text-align: center;
margin-right: auto;
margin-left: auto;
width: auto;
}

.clearfix:after { 
content: url(../images/chips/pixel.gif); 
display: block; 
clear: both; 
height: 0; 
}


/* ボックス */

.box {
background: url(../images/heading-bg.png) repeat-x 0 0;
border: 1px solid #e5e5e5;
margin-bottom: 8px;
padding: 0px 8px 0;
}

.box-info {
background: #FDF9E1 ;
border: 1px solid #FBCB09 ;
margin: 0 0 8px 30px;
padding: 8px;
width: 550px;
}

.box-heading {
font-size: 123.1%;
font-weight: bold;
height: 26px;
letter-spacing : 0.1em;
margin: 0 0 2px;
padding: 4px 0 0 3px;
}

.box-important {
background: url(../images/heading-bg-red.png) repeat-x 0 0;
border: 1px solid #ffdfbd;
margin-bottom: 8px;
padding: 0px 8px 0;
}

.box-heading-important {
background: url(../images/chips/square-kinaka.gif) no-repeat 0 6px;
font-size: 123.1%;
font-weight: bold;
height: 26px;
letter-spacing : 0.1em;
margin: 0 0 2px;
padding: 4px 0 0 21px;
}

.box-sp {
background: #ffffff;
border: 3px solid #D2E4FF;
margin-bottom: 8px;
padding: 3px;
}

h2.box-heading-sp {
display: none;
}

.box-simple {
background-color: #f9fafa;
border: 1px solid #dbe1ea;
font-size: 90%;
margin: 20px 20px;
padding: 10px 16px;
width: 560px;
}

/* ボックス ここまで */


/* 画像位置 ここから */

.img-right {
background: #FAFAFA;
border: 1px solid #E5E5E5;
display: inline;
float: right;
margin: 4px 10px;
padding: 4px;
}

.img-left {
background: #FAFAFA;
border: 1px solid #E5E5E5;
display: inline;
float: left;
margin: 4px 10px;
padding: 4px;
}

.img-heading {
background: #FAFAFA;
border: 1px solid #E5E5E5;
display: inline;
float: left;
margin: 0 6px 4px 0;
padding: 4px;
}

.img-list {
background: #FAFAFA;
border: 1px solid #E5E5E5;
display: inline;
float: left;
padding: 2px;
}

/* 画像位置 ここまで */


/* タブ ここから */

#tabs-1, #tabs-2, #tabs-3, #tabs-4, #tabs-5, #tabs-6  {
border-bottom: 1px solid #003366;
border-right: 1px solid #003366;
border-left: 1px solid #003366;
padding: 2px 10px 4px;
}

/* タブ ここまで */


/* --------------------------------------------
 * ヘッダー               
 * -------------------------------------------- */
 
#hd {
background: url(../images/background-group/bg-glbl-head.png) no-repeat 0 0;
padding: 2px 0 0;
width: 974 px;
z-index: 2;
}

/* グループ共通ヘッダー 開始 */

#header-group {
float: left;
font-size: 85%;
width: 974px;
} 

#header-group .col#group-logo {
height: 30px;
padding: 0 0 0 10px;
width: 90px;
}

#header-group .col#global-navi-group {
width: 872px;
}

#header-group ul li {
border-left: 1px dotted #dee3ef;
float: left;
padding: 1px 8px 0 8px;
white-space: nowrap; 
} 

#header-group ul li.first {
border-left: 0 none;
padding-left: 0;
} 

#header-group a {
color: #ffffff;
text-decoration: none;
}

#header-group a:hover {
color: #ffffff;
text-decoration: underline;
}

/* グループ共通ヘッダー 終了 */


/* サイト内ヘッダー 開始 */

#header-logo {
float: left;
height: 50px;
margin: 6px 0 0 6px;
width: 170px;
}

#header-lead {
float: left;
margin: 16px 0 0 10px;
width: 390px;
}

#header-lead p {
font-size: 85%;
height: 30px;
line-height: 1.3;
}

#header-info {
float: left;
height: 17px;
margin: 8px 14px 0;
width: 370px;
}

#header-info ul li {
background: transparent url(../images/chips/ya_002.gif) no-repeat scroll 0px 4px;
float: right;
padding: 0 8px 0 13px;
}

#header-search {
float: left;
height: 36px;
margin: 0 0 0 14px;
width: 370px;
}

/* 検索ボックス 開始 */

#searchform {
background: transparent url(../images/searchbox.png) left 0px no-repeat;
display: block;
height: 24px;
left: 133px;
position: relative;
top: 5px;
width: 200px;
}

#keywords {
border: 1px solid #FFF;
left: 12px;	
position: absolute;
top: 2px;
width: 156px;
}

#searchBtn	{
left: 200px;
position: absolute;
top: -6px;
}

/* 検索ボックス 終了 */


#header-navi {
background: url(../images/background-group/bg-ribbon-menu.png) no-repeat 0 0;
clear: both;
height: 44px;
padding: 3px 0 0 2px;
position: relative;
width: 974px;
z-index: 999;
} 

/* サイト内ヘッダー 終了 */

/* ヘッダー 終了 */


/* コンテンツ（#bd） 開始 */

#bd {
background: #fff url(../images/background-group/bg-center.png) repeat-y 0 0;
	clear: both;
padding: 0 10px 10px;
position: relative;
z-index: 1;
}

/* メインエリア 開始 */

/* トップ 特集 開始 */

dl.top-index-sub-sp {
background: #D2E4FF;
padding: 3px;
}

dl.top-index-sub-sp dt {
padding: 0;
}

dl.top-index-sub-sp dd.lead h3 {
font-size: 131%;
font-weight: bold;
margin: 2px 0 4px;
}

dl.top-index-sub-sp p.data {
line-height: 1.3;
margin: 0;
}

dl.top-index-sub-sp dd {
border-bottom: 1px solid #ffffff;
margin-bottom: 8px;
padding-bottom: 8px;
}

dl.top-index-sub-sp dd.last {
border-bottom: 0px none;
padding-bottom: 0;
}

/* トップ 特集 終了 */

/* トップ 目次 開始 */

dl.top-index-sub {
padding: 0;
}

dl.top-index-sub dt {
font-size: 93%;
padding: 0;
}

dl.top-index-sub dd.lead h3 {
font-size: 123.1%;
font-weight: bold;
margin: 2px 0 4px;
}

dl.top-index-sub p.data {
line-height: 1.3;
margin: 0;
}

dl.top-index-sub dd {
border-bottom: 1px solid #e5e5e5;
font-size: 93%;
margin-bottom: 8px;
padding-bottom: 1em;
}

dl.top-index-sub dd.last {
border-bottom: 0px none;
padding-bottom: 1em;
}

/* トップ 目次 終了 */


/* トップ 目次右端 開始 */

dl.top-index-sub-small {
border-left: 1px solid #e5e5e5;
margin-top: 0;
}

dl.top-index-sub-small dt {
background: url(../images/chips/ya_002.gif) 9px 8px no-repeat; 
font-weight: bold;
line-height: 1.3;
padding: 4px 0 4px 20px;
}

dl.top-index-sub-small dd {
border-bottom: 1px dotted #e5e5e5;
padding: 0 0 2px 8px;
margin-bottom: 4px;
}

/* トップ 目次右端 終了 */


/* PRエリア 開始 */

#pr-side {
width: 300px;
}

#pr-text {
border: 1px solid #ffd700;
padding: 0;
margin: 4px 0px 8px;
width: 300px;
}

#pr-text ul {
margin: 0;
padding: 0;
}

#pr-text li {
list-style-type: none;
padding: 4px 4px 6px;
}

#pr-text li a {
display: block;
text-decoration: none;
}

#pr-text li a:hover {
background-color: #fff3b8;
text-decoration: none;
}

#pr-text li a .pr-box-heading {
display: block;
font-size: 108%;
font-weight: bold;
text-decoration: underline;
}

#pr-text li a .pr-box-text {
color: #2E2E2A;
display: block;
text-decoration: none;
}

#pr-text li a .pr-box-link {
color: #008000;
display: block;
text-decoration: none;
}

/* PRエリア 終了 */


/* パンくずガイド 開始 */

.box-topicpath {
background: #fff;
border: 1px solid #e5e5e5;
color: #555;
margin-bottom: 18px;
padding: 4px;
}

#topicpath ul {
font-size: 93%;
margin: 0 4px;
padding: 4px;
}

#topicpath li {
background: transparent url(../images/chips/list_004_d-trans.png) no-repeat 0 10px;
display: inline;
list-style-type: none;
padding: 4px 2px 0 12px;
}

#topicpath li.home {
background: transparent none;
list-style-type: none;
padding-left: 0;
}

#topicpath a {
text-decoration: none;
}

#topicpath a:hover {
text-decoration: underline;
}

/* パンくずガイド 終了 */


/* フッター 開始 */

/* 会社連絡先 開始 */

#company-info {
background: url(../images/background-group/bg-center.png) repeat-y 0 0;
width: 974px;
}

#company-info .left {
border-top: 1px solid #e5e5e5;
padding: 10px 0 0 10px;
margin: 0 0 4px 10px;
width: 467px;
}

#company-info .right {
border-top: 1px solid #e5e5e5;
padding: 8px 10px 0 0;
text-align: right;
margin: 0 10px 0 0;
width: 467px;
}

#company-info p {
font-size: 100%;
line-height: 1.2;
}

#mailform {
background: url(../images/background-group/bg-bottom.png) no-repeat 0 0;
height: 37px;
padding: 0 0 0 21px;
margin: 0 0 6px;
}

#mailform p {
background: url(../images/chips/16x16/letter.gif) no-repeat 0 0;
font-size: 100%;
padding: 0 0 0 20px;
}

/* 会社連絡先 終了 */


/* 逆引きインデックス 開始 */

#sakabiki {
background: #ffffff url(../images/group-service.png) no-repeat 0px 0px;
border: 1px solid #dee3ef;
padding: 30px 8px 0px 8px;
margin: 2px;
}

#sakabiki h2 {
display: none;
}

#sakabiki h3 {
border-bottom: 1px dotted #e5e5e5;
color: #342F8C;
font-size: 100%;
font-weight: bold;
padding: 0 0 0 0;
margin: 3px 0 5px;
}

#sakabiki ul {
margin-bottom: 18px;
}

#sakabiki ul li {
background: transparent url(../images/chips/list_001_f-trans.png) no-repeat 1px 3px;
padding: 0 0 3px 15px;
}

/* 逆引きインデックス 終了 */


/* グループ共通フッター 開始 */

#footer-guide {
clear: both;
padding: 10px 0;
width: 974px;
}

#footer-guide ul {
margin-bottom: 8px;
text-align: center;
}

#footer-guide ul li {
border-left: 1px dotted #333;
display: inline;
margin-left: 10px;
padding-left: 10px;
}

#footer-guide ul li:first-child,
#footer-guide ul li.firstChild {
border-left: 0;
margin-left: 0;
padding-left: 0;
}

address {
color: #999;
margin-top: -8px;
text-align: center;
}

/* グループ共通フッター 終了 */

/* フッター 終了 */


/* 以下、トップページ以外のページ用基本コード */

/* メインコンテンツ レイアウト 開始 */

#main {
background: #fff;
margin: 0 6px;
width: 630px;
}

#main p {
margin-bottom: .5em;
}

#main .submenu {
background: #fff;
boder: 1px solid #9CD6ED;
float: right;
margin: 0 0 8px 8px;
width: 180px;
}

#main .box-menu {
border: 2px solid #F2F7F4;
margin: 10px;
padding: 3px;
}

#main .box-menu li {
background: #F2F7F4;
border-bottom: 1px solid #e5e5e5;
margin: 0;
padding: 4px;
}

#main .box-menu li.last {
border-bottom: 0px none;
}

/* メインコンテンツ レイアウト 終了 */


/* 汎用ページ 部品 開始 */

.list-num ol {
list-style: upper-roman;
}

.list-num li {
list-style: decimal;
margin: 0 0 1em 3em;
}

.list-num li ol li {
list-style: lower-roman;
margin: 0.5em 0 0.5em 2em;
}

.list li {
background:url(../images/chips/circleicon001.gif) no-repeat 0 0;
font-size: 100%;
list-style: none;
margin: 1em 0 1em 1em;
padding-left: 20px;
}

.list li ul li {
background: url(../images/chips/list_005_f-trans.png) no-repeat 0 4px;
list-style: none;
margin: 0.5em 0 0.5em 0;
padding-left: 12px;
}

.list-simple li {
background: url(../images/chips/list_005_f-trans.png) no-repeat 0 5px;
font-size: 100%;
list-style: none;
margin: 1em 0 1em 1em;
padding-left: 11px;
}

.list-simple li ul li {
background: url(../images/chips/dot.png) no-repeat 0 3px;
list-style: none;
margin: 0.5em 0 0.5em 0;
padding-left: 18px;
}

.list-no li {
margin: 0.5em 0 0.5em 3em;
}

.list-no li ul li {
margin: 0.5em 0 0.5em 0;
padding-left: 2em;
}

#main h1, h2, h3, h4, h5, h6 {
font-weight: bold;
}

#main h1 {
color: #0D1D3A;
font-size: 167%;
padding: 0 0 20px 0;
}

#main h1.withsubtitle {
color: #0D1D3A;
font-size: 167%;
padding: 0 0 8px 0;
}

#main h1.school-name {
color: #3b579f;
font-size: 167%;
padding: 4px 0;
}

#main h2 {
border-left: 4px solid #003366;
color: #003366;
font-size: 138.5%;
margin: 1.2em 0;
padding: 6px;
}

#main h3 {
border-bottom: 1px solid #E5E5E5;
font-size: 123.1%;
margin: 1.2em 0;
padding:0 0 4px;
}

#main h4 {
font-size: 116%;
margin: 12px 0 10px;
}

#main h5, h6 {
margin: 12px 0 10px;
}

#main ul.list, ul.list-simple, ul.list-no, ol.list-num, p {
font-size: 116%;
}

#main p {
line-height: 1.6;
}

#main p.leadtext {
font-size: 116%;
line-height: 1.3;
}

#tabs {
margin-bottom: 40px;
margin-top: 20px;
}

p.author {
font-size: 93%;
padding: 0.5em 0 1em;
}

p.aori {
color: #777;
line-height: 1;
padding: 0;
}

p.subtitle {
font-size: 116%;
font-weight: bold;
padding: 0 0 4px;
}

p.lead {
border-bottom: 1px solid #e5e5e5;
padding: 0 0 1em;
margin-bottom: 16px;
}

/* 画像 開始 */

.img-right {
background: #FAFAFA;
border: 1px solid #E5E5E5;
display: inline;
float: right;
margin: 4px 10px;
padding: 5px;
}

.img-left {
background: #FAFAFA;
border: 1px solid #E5E5E5;
display: inline;
float: left;
margin: 4px 10px;
padding: 5px;
}

.img-none {
background: #FAFAFA;
border: 1px solid #E5E5E5;
margin: 4px 10px;
padding: 5px;
}

.img-frame {
background: #FAFAFA;
border: 1px solid #E5E5E5;
padding: 5px;
}

/* 画像 終了 */

/* 汎用ページ 部品 終了 */