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



/*-----初期化-----*/
*{
	padding:0px;			/*-----パディング　0にする-----*/
	margin:0px;				/*-----余白　0にする-----------*/
}
html{
	overflow:scroll;		/*-----FireFoxでのスクロールバー表示・非表示での左右のずれを防ぐ-----*/
}

/*----------------------------------------*/

/*-----バックグラウンドのイラストエリア-----*/
#bg_area {
    padding-top: 15px;
    padding-bottom: 25px;
    background-image: url(../images/bg01.gif);
    background-repeat: repeat;
    text-align: center;
}


/*-----------------------------------------*/

/*-----フォントサイズの基準設定-----*/
body{
    /*font-size:86%;*/
	font-size:82%;
    font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3",sans-serif;
    text-align:center;
    background-image: url(../images/26.gif);
}
h1 {
	font-size:150%;
}
h2 {
	font-size:130%;
}
h3 {
	/*font-size:120%;*/
	font-size:115%;
}
h4 {
	font-size:110%;
}
/*-----段落の行の高さ設定-----*/
p{
    font-size:110%;
    /*line-height:1.5;*/
	line-height:1.4;
    letter-spacing: 0.1em;
    color: #333333;
    /*text-align:justify; text-justify:distribute; */	/*テキスト両端揃え*/
}
ol{
	font-size:110%;
	/*line-height:1.5;*/
	line-height:1.5;
	letter-spacing: 0.1em;
}
p.floatR{
	float:right;
	margin-left:10px;
}
nCam p{
	font-size: 0.9em;
	line-height: 1.2em;
	padding-top: 2px;
}
.txt_rigth{
	text-align: right;
}
/*-----clearfix-----*/
.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/*-----画像の周りに実線のボーダーをつける-----*/
.border01{
	border: 1px solid #666666;
}
/*-----画像の周りに実線のボーダーをつける-----*/
.border02{
	border: 1px solid #666666;
	margin-bottom: 10px;
	margin-left: 10px;
}
/*-----画像をボーダーなしで領域の中央に配置-----*/
.border03{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

}
/*-----画像の右マージン２０-----*/
.margL20{
	margin-left: 20px;
}
/*-----画像の左マージン２０-----*/
.margR20{
	margin-right: 20px;
}


/*-----通常のリンクスタイル-----*/

a:link {
	color:#5959ff;
}
a:visited {
	color:#5959FF;
}
a:hover {
	color:#5959FF;
}
a:active {
	text-decoration: none;
}

a.linkSty01{
	text-decoration: none;
	color:#800040;
}
a:link.linkSty01{
	text-decoration: none;
	color:#800040;
}
a:visited.linkSty01{
	text-decoration: none;
	color:#800040;
}
a:hover.linkSty01{
	text-decoration: underline;
	color:#4A4AFF;
}
a:active.linkSty01{
	text-decoration: none;
}

/*-----	インデント設定-----*/
.indent{
		text-indent:1em;
}
.small80{
	font-size:75%;
	line-height: 1.2em;
	color: #990000;
	letter-spacing: 0.1em;
}
/*-----ラッパー領域-----*/
#wrapper{
    width:780px;			/*-----ラッパーの幅780 高さ1000-----*/
    height:auto;			/*-----パディング（余白）　0-----*/
    margin-top: 15px;		/*----------------------------------------*/
    margin-right: auto;	/*-----中央に配置する                -----*/
    margin-left: auto;
    position: relative;
    text-align:left;		/*-----bodyをIe6対策でtext-align:centerにしているため、戻す-----*/
    overflow: hidden;
    background-color: #FFFFFF;
    border: 1px solid #333333;


}
/*-----ヘッダー部分-----*/
#header{
    width: 780px;
    height: 120px;
    background-image: url(../images/header_img.gif);
}
/*-----大阪千代田短期大学ロゴ-----*/
#header h1{
    width:430px;
    height:55px;	/*-----テキストを隠しイメージを表示-----*/
    background-repeat:no-repeat;
    left: 11px;
    top: 64px;
    text-indent: -9999px;
    position: absolute;
}
#header h1 a{
    display:block;
    width:430px;
    height:55px;

}
/*-----アップデートの日時-----*/
#up_date{
    position: absolute;
    top: 92px;
    right: 12px;
    color: #000099;
}
/*-----ヘッダー内季節のイメージ-----*/
#kisetsu{
	background-image:url(../images/kisetsu.gif);	/*-----テキストを隠しイメージを表示-----*/
	background-repeat:no-repeat;
	left: 320px;
	top: 21px;
	position: absolute;
}
#kisetsu img{
	border:0px solid #FFF;
}

/*-----ヘッダー下のコンテント包含領域-----*/
#container{
	width: 780px;
	top: 0px;
	overflow: auto;
	height: auto;
	overflow: auto;
	position: relative;
	background-color: #fafaf9;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}	
/*----トップページ以外のページのコンテンツ領域-----*/
/*----写真とテキストを一緒に包含する領域----*/
.pictextContent{					/*-----フローとの落下を防ぐ為、幅を指定していない-----*/
	height: auto;
	padding: 1px;
	width:580px;
	overflow: hidden;
	margin-bottom: 15px;
	/*-----パディングを設定していないと、証明書のテーブルの左の線が切れるため-----*/
}
.pictextContent02{					/*-----フローとの落下を防ぐ為、幅を指定していない-----*/
    height: auto;
    width:590px;
    overflow: hidden;
    margin-bottom: 15px;
    padding: 1px;
	/*-----パディングを設定していないと、証明書のテーブルの左の線が切れるため-----*/
}
/*----写真とテキストを一緒に包含する領域----*/
.pictextCon02{					/*-----フローとの落下を防ぐ為、幅を指定していない-----*/
	height: auto;
	padding: 1px;
	border: 1px solid #FF0080;
	width:280px;
	overflow: hidden;
	float: left;
	margin-left: 10px;
	margin-bottom: 15px;
	/*-----パディングを設定していないと、証明書のテーブルの左の線が切れるため-----*/
}
/*----写真だけを配置----*/
.picCon01{					/*-----フローとの落下を防ぐ為、幅を指定していない-----*/
	height: auto;
	padding: 1px;
	overflow: hidden;
	text-align: center;
	/*-----パディングを設定していないと、証明書のテーブルの左の線が切れるため-----*/
}
/*----コンテント領域-中央に写真を配置する領域----*/
.photo_C{
	height: auto;
	width: auto;
	overflow: hidden;
	text-align:center;
	margin-bottom: 10px;
}
/*----コンテント領域-左に写真を配置する領域----*/
.photo_L{
	height: auto;
	width: auto;
	float: left;
	margin-right: 10px;
	overflow: hidden;
}
/*----コンテント領域-右に写真を配置する領域----*/
.photo_R{
	height: auto;
	width: auto;
	float:right;
	margin-left: 10px;
	overflow: hidden;
}
/*----コンテント領域-左に写真を配置する領域----*/
.textRcontent{
	float: left;
	width: 340px;
	margin-left: 10px;
}
.colorBoxContent01{
	background-image:url(../images/bg027_02.gif);
	height: auto;
	width: 530px;
	border: 1px solid #FF86C2;
	margin-right: 10px;
	margin-left: 10px;
	padding: 15px;
}
.colorBoxContent02{
	height: auto;
	width: 530px;
	border: 1px solid #E2DD6D;
	margin-right: 10px;
	margin-left: 10px;
	padding: 15px;
	background-color: #ECE89F;
	background-image: url(../subject/care/images/kabe008.gif);
}
.colorBoxContent03{
	height: auto;
	width: 530px;
	border: 1px solid #E2DD6D;
	margin-right: 10px;
	margin-left: 10px;
	padding: 15px;
	background-image: url(../images/kabe003.gif);
}
.colorBoxContent04{
	height: auto;
	width: 530px;
	border: 1px solid #E2DD6D;
	margin-right: 10px;
	margin-left: 10px;
	padding: 15px;
	background-color: #FFFFCC;
}
.colorBoxContent05{
    height: auto;
    width: 94%;
    border: 2px solid #AAE3FF;
    margin-left: 10px;
    padding: 10px;
    background-image: url(../images/w8b.gif);
}
.colorBoxContent06{
    height: auto;
    border: 1px solid #CCCCCC;
    color: #009999;
    background-image: url(../images/bg035_02.gif);
    background-repeat: repeat;
    width: 90%;
    padding: 10px;
    margin-left: 15px;
}
.colorBoxContent06 h3{
    font-size: 110%;
    color: #996600;
    margin-left: 1em;
    margin-bottom: 0.5em;
    font-weight: bold;
}
.colorBoxContent06 h4{
    font-size: 105%;
    color: #6666CC;
    margin-left: 1em;
    margin-bottom: 0.5em;
    font-weight: bold;
}
.colorBoxContent06 p{
    color: #993333;
    line-height: 1.6em;
}
.colorBoxContent07{
    height: auto;
    border: 1px solid #CCCCCC;
    background-repeat: repeat;
    width: 560px;
    margin-left: 15px;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 5px;
    padding-bottom: 5px;
}
.colorBoxContent07 h3{
    font-size: 110%;
    color: #336600;
    margin-left: 1em;
    margin-bottom: 0.5em;
    font-weight: bold;
    border-left-width: 5px;
    border-left-style: solid;
    border-left-color: #FF6666;
    padding-top: 6px;
    padding-right: 4px;
    padding-bottom: 6px;
    padding-left: 6px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #999999;
}
.colorBoxContent07 p{
    color: #666600;
    line-height: 1.4em;
}
.colorBoxContent08{
    height: auto;
    border: 1px solid #CCCCCC;
    background-repeat: repeat;
    width: 560px;
    margin-left: 15px;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 5px;
    padding-bottom: 5px;
}
.colorBoxContent08 h3{
    font-size: 110%;
    color: #CC3333;
    margin-left: 1em;
    margin-bottom: 0.5em;
    font-weight: bold;
    border-left-width: 5px;
    border-left-style: solid;
    border-left-color: #9966CC;
    padding-top: 6px;
    padding-right: 4px;
    padding-bottom: 6px;
    padding-left: 6px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #999999;
}
.colorBoxContent08 p{
    color: #666699;
    line-height: 1.4em;
}
.colorBoxContent09{
    height: auto;
    border: 1px solid #CCCCCC;
    width: 560px;
    margin-left: 15px;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 5px;
    padding-bottom: 5px;
    background-color: #DEDEBE;
}
.colorBoxContent09 h3{
    font-size: 130%;
    color: #660033;
    font-weight: bold;
    border-left-color: #FF6666;
    border-bottom-width: 2px;
    border-bottom-style: dotted;
    border-bottom-color: #FFFFFF;
    padding: 8px;
    margin-bottom: 8px;

}
.colorBoxContent09 p{
    color: #666600;
    line-height: 1.4em;
}
.colorBoxContent10{
    height: auto;
    border: 1px solid #CCCCCC;
    width: 560px;
    margin-left: 15px;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 5px;
    padding-bottom: 5px;
    background-color: #F6F6F6;
}
.colorBoxContent10 h3{
    font-size: 120%;
    color: #336666;
    font-weight: bold;
    border-left-color: #FF6666;
    border-bottom-width: 2px;
    border-bottom-style: dotted;
    border-bottom-color: #FFFFFF;
    padding: 8px;
    margin-bottom: 8px;

}
.colorBoxContent10 p{
    color: #336633;
    line-height: 1.4em;
}
.colorBoxContent11{
    height: auto;
    border: 1px solid #CCCCCC;
    width: 200px;
    margin-left: 10px;
    padding: 2px;
    background-image: url(../images/bg_t_y.gif);
    float: left;
    margin-right: 1em;
}
.colorBoxContent11 dt{
    font-size: 110%;
    color: #336666;
    font-weight: bold;
    border-left-color: #FF6666;
    border-bottom-width: 2px;
    border-bottom-style: dotted;
    border-bottom-color: #990033;
    padding: 4px;
    margin-bottom: 2px;
}
.colorBoxContent11 dd{
    color: #336633;
    line-height: 1.4em;
    padding-left: 4px;
    padding-bottom: 2px;
    padding-top: 2px;
}
.colorBoxContent12{
    border: 4px double #CEE7FF;
    width: 400px;
    padding-bottom: 5px;
    float: right;
    margin-right: 15px;
}
.colorBoxContent12 h3{
    font-size: 110%;
    color: #FFFFFF;
    margin-bottom: 4px;
    background-color: #6699FF;
    padding-left: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    letter-spacing: 1px;

}
.colorBoxContent12 p{
    color: #333333;
    line-height: 1.2em;
    font-size: 100%;
}
.colorBoxContent13{
    height: auto;
    border: 1px solid #CCCCCC;
    width: 560px;
    margin-left: 15px;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 5px;
    padding-bottom: 5px;
    background-color: #F0EAE6;
}
.colorBoxContent13 h3{
    font-size: 130%;
    color: #006666;
    font-weight: bold;
    border-left-color: #FF6666;
    border-bottom-width: 2px;
    border-bottom-style: dotted;
    border-bottom-color: #FFFFFF;
    padding: 8px;
    margin-bottom: 8px;

}
.colorBoxContent13 p{
    color: #006666;
    line-height: 1.5em;
}

.openCam{
	width: 270px;
	height:auto;
	border: 1px solid #0080FF;
	margin: 10px;
	overflow:hidden;
	float: left;
}
.openCamdummy{
	width: 270px;
	height:auto;
	overflow:hidden;
	float: left;
}
.moviePic{
	width: 270px;
	height:auto;
	border: 1px solid #0080FF;
	margin: 10px;
	overflow:hidden;
}

/*-----------------------------------------------------------------------
--------△コンテント包含設定
-----------------------------------------------------------------------*/

/*-----左領域内の右領域に配置される画像コンテンツ-----*/
#left_Nav .content{
	height: 60px;
	width: 130px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

/*-----------------------------------------------------------------------
-------各ページが何のページかを示す画像のタイトルバー
-----------------------------------------------------------------------*/
/*-----訪問者別ページ-----*/
/*-----受験生の方へ-----*/
#header_visual .examinee{
	width:780px;
	height:50px;
	background-repeat:no-repeat;
	background-image: url(../images/examinee_logo.gif);
}
/*-----在学生の方へ-----*/
#header_visual .student{
	width:780px;
	height:50px;
	background-repeat:no-repeat;
	background-image: url(../images/student_logo.gif);
}
/*-----卒業生の方へ-----*/
#header_visual .graduate{
	width:780px;
	height:50px;
	background-repeat:no-repeat;
	background-image:url(../images/graduate_logo.gif);
}
/*-----保護者の方へ-----*/
#header_visual .parents{
	width:780px;
	height:50px;
	background-repeat:no-repeat;
	background-image: url(../images/parents_logo.gif);
}
/*-----地域の方へ-----*/
#header_visual .local{
	width:780px;
	height:50px;
	background-repeat:no-repeat;
	background-image: url(../images/local_logo.gif);
}
/*-----人事担当の方へ-----*/
#header_visual .company{
	width:780px;
	height:50px;
	background-repeat:no-repeat;
	background-image: url(../images/company_logo.gif);
}
/*-----進路指導の方へ-----*/
#header_visual .counseling{
	width:780px;
	height:50px;
	background-repeat:no-repeat;
	background-image: url(../images/counsering_logo.gif);
}
/*-----最上位ナビ該当ページ-----*/
/*-----資料請求-----*/
#header_visual .doc_req{
	width:780px;
	height:50px;
	background-repeat:no-repeat;
	background-image: url(../images/doc_req_logo.gif);
}
/*-----問合せ一覧-----*/
#header_visual .inquiries{
	width:780px;
	height:50px;
	background-repeat:no-repeat;
	background-image: url(../images/inquiries_logo.gif);
}
/*-----事務職員公募-----*/
#header_visual .topic030{
	width:780px;
	height:50px;
	background-repeat:no-repeat;
}
/*-----サイトポリシー-----*/
#header_visual .sight_policy{
	width:780px;
	height:50px;
	background-repeat:no-repeat;
	background-image: url(../images/sight_policy_logo.gif);
}
/*-----交通案内ー-----*/
#header_visual .traffic_guid{
	width:780px;
	height:50px;
	background-repeat:no-repeat;
	background-image: url(../images/traffic_guid_logo.gif);
}
/*-----学校案内-----*/
#header_visual .c_summary{
	width:780px;
	height:50px;
	background-repeat:no-repeat;
	background-image:url(../summary/images/c_summary_logo.gif)

}

/*-----サイトマップー-----*/
#header_visual .sight_map{
	width:780px;
	height:50px;
	background-repeat:no-repeat;
	background-image: url(../images/sight_map_logo.gif);
}
/*-----入試情報ー-----*/
#header_visual .admisson{
    width:780px;
    height:50px;
    background-repeat:no-repeat;
    background-image:url(../images/2011admi.gif);	
    /*background-image:url(../admission/images/admisson_logo.gif);*/
}
/*-----各ページのヘッダーの見出し-----*/
/*-----学部・コース紹介-----*/
#header_visual .gaka_head{
	width:780px;
	height:50px;
	background-repeat:no-repeat;
	background-image:url(../images/gaka_head.gif);
}
/*-----幼児教育科-----*/
#header_visual .child_head{
	width:780px;
	height:50px;
	background-repeat:no-repeat;
	background-image:url(../images/child_head.gif);
}
/*-----ビジネス情報コース-----*/
#header_visual .busi_head{
	width:780px;
	height:50px;
	background-repeat:no-repeat;
	background-image:url(../images/busi_head.gif);
}
/*-----介護福祉コース-----*/
#header_visual .care_head{
	width:780px;
	height:50px;
	background-repeat:no-repeat;
	background-image:url(../images/care_head.gif);
}
/*-----観光コース-----*/
#header_visual .touri_head{
	width:780px;
	height:50px;
	background-repeat:no-repeat;
	background-image:url(../images/touri_head.gif);
}
/*-----進路・就職-----*/
#header_visual .sinro_head{
	width:780px;
	height:50px;
	background-repeat:no-repeat;
	background-image:url(../images/sinro_head.gif);
}
/*-----キャンパスライフ-----*/
#header_visual .campus_life_head{
	width:780px;
	height:50px;
	background-repeat:no-repeat;
	background-image:url(../images/campus_life_head.gif);
}
/*-----ムービー-----*/
#header_visual .movie_head{
	width:780px;
	height:50px;
	background-repeat:no-repeat;
	background-image:url(../images/movie_head.gif);
}
/*-----生涯学習-----*/
#header_visual .shogai_head{
	width:780px;
	height:50px;
	background-repeat:no-repeat;
	background-image:url(../images/shogai_head.gif);
}
/*-----オープンキャンパス-----*/
#header_visual .open_campus_head{
	width:780px;
	height:50px;
	background-repeat:no-repeat;
	background-image:url(../images/open_campus_head.gif);
}
/*-----のびのびキャンパスニュース-----*/
#header_visual .nobinobi_campus_head{
	width:780px;
	height:50px;
	background-repeat:no-repeat;
	background-image:url(../images/nobinobi_campus_head.gif);
}
/*-----トピックス-----*/
#header_visual .topics_head{
	width:780px;
	height:50px;
	background-repeat:no-repeat;
	background-image:url(../images/topics_head.gif);
}
/*-----教員専用-----*/
#header_visual .teacher{
	width:780px;
	height:50px;
	background-repeat:no-repeat;
	background-image:url(../images/teacher_head.gif);
}
/*-----フッター部分-----*/
#footer {
    width: 780px;
    height: 50px;
    font-size:90%;
    clear: both;
    line-height: 1.6em;
    color: #FFFFFF;
    background-color: #333333;
    padding-top: 10px;
    padding-left: 10px;
}
/*-----------------------------------------------------------------------
-------トップページ
-----------------------------------------------------------------------*/
/*-----フラッシュアニメ-----*/
#visual {
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/visual_bg.gif);
	height: 200px;
	width: 780px;
}
/*-----What's New...-----*/
#top_topics{
    width: 524px;
    height: 500px;
    /*overflow:scroll;*/		/*-----トピックスエリアのスクロールバー-----*/
	overflow:auto;		/*-----トピックスエリアの画像-----*/
    text-align: left;
    margin-left: 14px;
}
/*-----What's New...の内容をリストで表示-----*/
#top_topics ul{
    height: auto;
    width: 98%;				/*-----フォントサイズはスモール-----*/
    list-style:none;
    line-height: 25px;
    margin-right: auto;
    font-size: 110%;
}
#top_topics li{
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #008080;
    font-size:85%;

}
/*-----各ページのWhat's New...（topics）-----*/
#topics{
    width: 590px;
    height: 180px;
    /*overflow:scroll;*/	/*-----トピックスエリアのスクロールバー-----*/
	overflow:auto;
    margin-left: 0px;
    border-bottom-color:#888;
    border-right-color:#888;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #ddd;
    border-left-color: #ddd;
    text-align: left;
    background-color: #FFFFD9;
}
/*-----What's New...の内容をリストで表示-----*/
#topics ul{
	height: auto;
	width: 95%;
	font-size:110%;				/*-----フォントサイズはスモール-----*/
	list-style:none;
	line-height: 1.5em;
	margin-left: 15px;
	margin-top: 5px;
}
#topics li{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #008080;
	font-size: 90%;
}
/*-----------------------------------------------------------------------
-------パンくずリスト設定
-----------------------------------------------------------------------*/
#topicPath{
    padding-top: 6px;
    padding-bottom: 6px;
    text-indent: 10px;
    font-size: 90%;
}
ol#topicPath{

}
ol#topicPath li{
    display:inline;
    line-height:90%;
    list-style-type:none;
    font-weight: bold;
    letter-spacing: 0.5px;
}
ol#topicPath li a{
	padding-right:5px;
}

/*-----学校案内　ヘッダのビジュアル-----*/
#header_visual{
	width: 780px;
	height: 50px;
	text-indent: -9999px;
}

/*-----見出しのスタイル-----*/
/*-----トップページ What's New -----*/
.top_topics_header{
    margin-left: 12px;
    text-indent: -9999px;
    padding-top: 3px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    margin-bottom: -1px;
    background-image: url(../images/whats_new_tit.jpg);
    background-repeat: no-repeat;
}
/*-----トップページ以外 What's New -----*/
.topics_header{
	color:#FFFFFF;
	/*width: auto;*/
	width:96%;
	margin-left: -1px;
	text-align: left;
	background-image: url(../images/topics_header_bg.gif);
	text-indent: 30px;
	background-repeat: no-repeat;
	padding-top: 3px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	margin-bottom: -1px;
}

.index_header01{
	color:#3300FF;								/*----フォントの色は青-----*/
	padding-bottom:3px;
	border-bottom:3px double #74CE70;	/*----ミドリのアンダー二重線-----*/
	width: 590px;
}
.index_header05{
	color:#0850B2;
	/*width: auto;*/
	width:auto;
	padding: 2px;
	margin-bottom: 10px;
	border-bottom-style: solid;
	border-bottom-color: #008080;
	border-bottom-width: 1px;
	font-size: 110%;
}

.title01{
	margin-bottom: 8px;
	text-indent: 19px;
	background-image: url(../images/title01_bg.gif);
	background-repeat: no-repeat;
	padding: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #88D080;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #88D080;
}
.title01_txt{
	color:#5959FF;
	margin-bottom: 8px;
	background-image: url(../images/title01_txt_bg.gif);
	text-indent: 19px;
	padding: 3px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #88D080;
	border-bottom-color: #88D080;
	background-repeat: no-repeat;
}
.title02{
	padding-bottom:5px;
	width: 600px;
	color: #2F2FFF;
	font-size: 1.4em;
}
/*.title03{
	color:#0850B2;
	width:auto;
	margin-bottom: 5px;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	background-image: url(../images/title02_txt_bg.gif);
	background-repeat: no-repeat;
	text-indent: 12px;
	height: 30px;
}*/
.title03{
    padding-left: 10px;
    background-image: url(../images/tit14_bg.gif);
    background-repeat: repeat-x;
    border-left-width: 10px;
    border-left-style: solid;
    border-left-color: #66CC66;
    color: #006600;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #CCCCCC;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #CCCCCC;
    margin-bottom: 15px;
    font-size: 115%;
    height: 35px;
    line-height: 2.3em;
}
.title04{
    color:#3366CC;
    margin-bottom: 10px;
    padding-left: 10px;
    background-image: url(../images/title02_txt_bg03.gif);
    background-repeat: repeat-x;
    line-height: 2.4em;
    height: 30px;
    font-size: 100%;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #CCCCCC;
    border-right-color: #00CCFF;
    border-bottom-color: #00CCFF;
    border-left-color: #00CCFF;
}
.title05{
	color: #400080;
	margin-bottom: 5px;
	letter-spacing: 0.1em;

}
.title06{
    height: 20px;
    text-align: left;
    padding-top: 5px;
    color: #808000;
}
.title07{
    color: #0033CC;
    font-size: 140%;
    padding-top: 7px;
    padding-right: 3px;
    padding-bottom: 7px;
    padding-left: 10px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #8080C0;
    margin-bottom: 15px;
    line-height: 1.2em;
    border-left-width: 8px;
    border-left-style: solid;
    border-left-color: #8080C0;
    background-image: url(../images/title02_txt_bg05.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    font-style: normal;
    font-weight: lighter;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #CCCCCC;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #CCCCCC;
}
.title08{
	color: #FF9B37;
	font-size: 1.5em;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-color: #8080C0;
	clear: both;
}
.title09{
	color: #009B4E;
	font-size: 1.5em;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-color: #8080C0;
	clear: both;
}
.title10{
	color: #FF5B5B;
	font-size: 1.5em;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.title11{
	color: #0080C0;
	font-size: 1.5em;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.title12{
	color: #0080C0;
	font-size: 1.2em;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0080C0;
	margin-bottom: 10px;
	clear: both;
}
.title13{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0080FF;
	color: #008040;
	font-size: 1.0em;
	background-color: #D7EBFF;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}
.title14{
	color: #009933;
	background-repeat: no-repeat;
	padding-left: 35px;
	padding-top: 6px;
	padding-bottom: 15px;
	background-image: url(../images/ico_clover2.gif);
	margin-bottom: 5px;
	margin-top: 5px;
}
/*-----生涯学習センター用-----*/
.title15{
    font-size: 250%;
    color: #FF6600;
    height: 50px;
    border-left-width: 5px;
    border-left-style: solid;
    border-left-color: #6699FF;
    padding-left: 10px;
    line-height: 1.5em;
    font-weight: lighter;
}
.title16{
    color: #660033;
    border-left-width: 4px;
    border-left-style: solid;
    border-left-color: #FF9900;
    padding-left: 10px;
    font-weight: normal;
    padding-top: 4px;
    padding-bottom: 4px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #FF9900;
}
.title17{
    height: 23px;
    height: 23px;
    background-image: url(../images/titBg05.gif);
    line-height: 1.7em;
    font-weight: normal;
    text-indent: 1em;
    color: #333333;
    font-size: 105%;
}
.title18{
    padding-bottom:5px;
    color: #0099FF;
    font-size: 1.4em;
    font-weight: bold;
}
.title19{
    font-size: 130%;
    color: #CC6600;
    margin-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #FF6600;
    margin-right: 20px;
    border-left-width: 5px;
    border-left-style: solid;
    border-left-color: #FF6600;
    padding-left: 10px;
    font-style: normal;
    margin-bottom: 10px;
}
.title20{
    color: #009999;
    letter-spacing: 0.1em;
    font-size: 140%;
    padding-bottom: 8px;

}
.title21{
    font-size: 140%;
    color: #990033;
    border-left-width: 6px;
    border-left-style: solid;
    border-left-color: #993333;
    height: auto;
    line-height: 1.8em;
    padding-left: 10px;

}
.copyright_txt {
    color: #FFFFFF;
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
    font-size: 90%;
}
/*-----のびのびキャンパスニュース専用タイトル-----*/
.nobiPictext{					/*-----フローとの落下を防ぐ為、幅を指定していない-----*/
	height: auto;
	padding: 1px;
	width:98%;
	margin-left: 10px;
	overflow: hidden;
	margin-bottom: 15px;
	/*-----パディングを設定していないと、証明書のテーブルの左の線が切れるため-----*/
}
.nobinobi01{
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../nobinobicampus/images/ashiato1-6.gif);
	border: thin dotted #9999FF;
	padding: 10px;
}
.nobinobi_tit01{
	margin: 5px;
	padding: 5px;
	color: #006633;
	font-size: 1.3em;
}
.nobinobi_tit02{
	padding-bottom: 5px;
	padding-left: 8px;
	color: #0033FF;
}
.nobinobi_tit03{
	color: #006600;
	font-size: 1.5em;
	text-align: center;
	padding-bottom: 10px;
}
.nobinobi_tit04{
	padding-bottom: 2px;
	padding-left: 8px;
	color: #990033;
}
.nobiImgStyle01{
	padding: 5px;
	border: 1px solid #009966;
}
/*-----名前のスタイル-----*/
.name01{
	padding-bottom: 8px;
	color: #408080;
	text-indent: 1em;
	font-size: 1.3em;
}
.name02{
	padding-bottom: 8px;
	list-style:none;
	color: #408080;
	text-indent: 2em;
	font-size: 1.2em;
}
.posi01{
	font-size: 0.7em;
	padding-right: 10px;
}
.posi02{
	font-size: 0.7em;
	padding-right: 3em;
}
.posi03{
	font-size: 0.7em;
	padding-right: 2em;
}
/*-----大学概要　項目名のスタイル　「学校名」、「所在地」etc-----*/
.pic_right{
	float:right;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.topicsDate{
	color:#0080C0;
	padding-right: 10px;

}
.topicsDate2{
    padding-right: 10px;

}
.listStyle01{
    list-style:none;
    text-indent: 15px;
    line-height: 150%;
    color: #3625A9;
    letter-spacing:0.1em;			/*-----文字の幅を20パーセント開ける-----*/
}
.listStyle02{
    padding-left: 30px;
    line-height: 1.4em;
    font-size: 110%;
    color: #666699;
}
.listStyle03{
	padding-left: 30px;
	line-height: 1.4em;
	font-size: 1.1em;
}
.listStyle04{
    line-height: 1.6em;
    margin-left: 20px;
}
/*-----リストマークなしのスタイル-----*/
.listStyle05{
    list-style:none;
    background-repeat: no-repeat;
    padding-left: 1px;
    line-height: 1.7em;
    background-position: 1px;
}
/*-----キャンパスライフ　指定寮-----*/
.listStyle06{
	padding-left: 1em;
	color: #767676;
	font-size: 0.9em;
	line-height: 1.1em;
	list-style-image: none;
	list-style-type: none;
}
/*-----教員専用ページ-----*/
.listStyle07{
	margin-left: 20px;
	margin-bottom: 5px;
	font-size: 110%;
	letter-spacing: 0.1em;
}
/*-----トップページ右リスト-----*/
.listStyle08{
	list-style:none;
	text-indent: 25px;
	line-height: 130%;
	color: #3625A9;
	letter-spacing:0.15em;			/*-----文字の幅を20パーセント開ける-----*/
	background-image: url(../images/top_RNav_bg.gif);
	padding-bottom: 2px;
	padding-top: 1px;
}
/*-----トップページ右リスト文字の部分(1)-----*/
.listStyle09{
	list-style:none;
	text-indent: 25px;
	line-height: 150%;
	color: #990033;
	letter-spacing:0.15em;			/*-----文字の幅を20パーセント開ける-----*/
	background-image: url(../images/top_RNav_bg2.gif);
	font-size: 90%;
	padding-top: 3px;
}
/*-----トップページ右リスト文字の部分(1)-----*/
.listStyle10{
	list-style:none;
	text-indent: 25px;
	line-height: 100%;
	color: #990033;
	letter-spacing:0.15em;			/*-----文字の幅を20パーセント開ける-----*/
	background-image: url(../images/top_RNav_bg2.gif);
	font-size: 90%;
	padding-top: 2px;
}
/*-----トップページ右リスト文字の部分(1)-----*/
.listStyle11{
	list-style:none;
	text-indent: 25px;
	line-height: 130%;
	color: #3625A9;
	letter-spacing:0.15em;			/*-----文字の幅を20パーセント開ける-----*/
	background-image: url(../images/top_RNav_bg3.gif);
	padding-bottom: 2px;
	padding-top: 1px;
}
.listStyle12{
	line-height: 1.4em;
	margin-left: 30px;
}
.listStyle13{
    line-height: 2em;
    margin-left: 3em;
    color: #339999;
    font-size: 120%;
    font-weight: bold;
    list-style-type: none;
}
.listStyle14{
    line-height: 1.8em;
    color: #666666;
    font-size: 110%;
    font-weight: bold;
    padding-left: 2em;
    margin-left: 2em;
}

.listStyle15{
    color: #FFFFFF;
    font-size: 100%;
    font-weight: bold;
    line-height: 1.4em;
    background-image: url(../images/point03.jpg);
    background-repeat: no-repeat;
    margin-top: 3px;
    margin-bottom: 3px;
    padding-left: 22px;
    background-position: 10px;
}
.listStyle15 a{
    color: #FFFFFF;
    text-decoration: none;
}
.listStyle15 a:hover{
    color: #CC0033;
}
.listStyle16{
    color: #FFFFFF;
    font-size: 100%;
    font-weight: bold;
    line-height: 1.4em;
    background-repeat: no-repeat;
    margin-top: 3px;
    margin-bottom: 3px;
    padding-left: 22px;
}


/*-----ページの先頭へリンク-----*/
.linkPageTop{
	list-style:none;
	background-repeat: no-repeat;
	background-position: right;
	text-align: right;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 1em;
	clear: both;
}
.style01{
	font-size: 1.2em;
	color: #9F009F;
	margin-right: 15px;
	margin-left: 15px;
}
.style02{
	font-size: 1.4em;
	color: #7E7E7E;
	margin-right: 15px;
	margin-left: 15px;
	text-indent: 3em;
}

/*------------------------------------------------------*/
#topMainContent{
    display: inline;	/*------IE6.0でマージンが２倍になる解決方法-----*/
    margin-bottom: 0;
    float: left;
    width: 550px;
    margin-top: 5px;
	/*-----コンテンツが収まるようにボックスの拡張が行われます。本来、-----*/
	/*-----コンテンツがオーバーフローする必要があります。overflow: hidden	-----*/
}
#topSubContent{
    float: right; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
    width: 224px; /* 標準に準拠したブラウザまたは Internet Explorer の標準モードでは、この div の実際の幅には、幅に加えて余白と境界線も含まれます */
    height:auto;
    display: inline;	/*------IE6.0でマージンが２倍になる解決方法-----*/
    background-color: #000000;
    text-indent: 12px;
}
#topMainRconent{
	float: right; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 184px; /* 標準に準拠したブラウザまたは Internet Explorer の標準モードでは、この div の実際の幅には、幅に加えて余白と境界線も含まれます */
	height:auto;
	margin-top: 10px;
}
#topMainLconent{
	height:auto;
	margin-top: 10px;
	margin-right: 200px;
	margin-left: 20px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #008040;
}
/*------------------------------------------------------------------------------------------
-------トップページ左ナビゲーションの設定 基本形
------------------------------------------------------------------------------------------*/
/*-----topSubContent ulにlist-style:noneをしないとOPEREでリストマークが付く-----*/
#topSubContent ul{
	list-style:none;
}

/*------------------------------------------------------------------------------------------
-------訪問者別ページ左ナビゲーションエリアの設定
------------------------------------------------------------------------------------------*/
#sideContent{
	width: 150px; /* 標準に準拠したブラウザまたは Internet Explorer の標準モードでは、この div の実際の幅には、幅に加えて余白と境界線も含まれます */
	height:auto;
	margin-top: 10px;
	float: left;
	overflow: hidden;
	display:inline;			/*-----IE6 で余白2倍を解決する-----*/

	/*overflow: hidden;*/
}
/*------------------------------------------------------------------------------------------
-------訪問者別ページ左ナビゲーションの設定 基本形
------------------------------------------------------------------------------------------*/
/*-----sideContent ulにlist-style:noneをしないとOPEREでリストマークが付く-----*/
#sideContent ul{
	list-style:none;
}
.side_Nav01 li{
	color: #0000A0;
	font-size: 1.1em;
	text-align: left;
}
/*-----左メニューのリンクの設定　基本形-----*/
.side_Nav01 a{
	display:block;
	background-repeat:no-repeat;
	width: 150px;						/*-----ボックスの幅、位置の幅も同じ-----*/
	height: 30px;
	left: 0px;				/*-----テキストを隠す-----*/
	text-decoration: none;
	background-image: url(../images/left_menu_bottan.gif);
	text-indent: 21px;
	line-height: 30px;
	color: #425ECC;
}
.side_Nav01 a:hover{
	display:block;
	background-repeat:no-repeat;
	width: 150px;						/*-----ボックスの幅、位置の幅も同じ-----*/
	height: 30px;
	left: 0px;				/*-----テキストを隠す-----*/
	text-decoration: none;
	background-image: url(../images/on_left_menu_bottan.gif);
	color: #ad0928;
}
/*-----左メニューのリンクの設定　現在選択中のナビの背景-----*/

.side_Nav01_now a{
	display:block;
	background-repeat:no-repeat;
	width: 150px;						/*-----ボックスの幅、位置の幅も同じ-----*/
	height: 30px;
	left: 0px;				/*-----テキストを隠す-----*/
	text-decoration: none;
	background-image: url(../images/left_menu_now.gif);
	text-indent: 21px;
	line-height: 30px;
	color: #425ECC;
	font-weight: bolder;
}
.side_Nav01_now a:hover{
	display:block;
	background-repeat:no-repeat;
	width: 150px;						/*-----ボックスの幅、位置の幅も同じ-----*/
	height: 30px;
	left: 0px;				/*-----テキストを隠す-----*/
	text-decoration: none;
	background-image: url(../images/on_left_menu_now.gif);
	color: #ad0928;
}

/*------------------------------------------------------------------------------------------
-------訪問者別ページ左ナビゲーションの設定 進学応援ニュース
------------------------------------------------------------------------------------------*/
.side_Nav02 li{
	font-size: 1.1em;
	text-align: left;
}
/*-----左メニューのリンクの設定　基本形-----*/
.side_Nav02 a{
	display:block;
	background-repeat:repeat-x;
	width: 150px;
	left: 0px;				/*-----テキストを隠す-----*/
	text-decoration: none;
	background-image: url(../subject/care/images/kaigo_news_bg.gif);
	text-indent: 25px;
	height: auto;
	line-height: 25px;
}
.side_Nav02 a:hover{
	display:block;
	background-repeat:no-repeat;
	width: 150px;						/*-----ボックスの幅、位置の幅も同じ-----*/
	left: 0px;				/*-----テキストを隠す-----*/
	text-decoration: none;
	color: #ad0928;
}
.side_Nav02_now a{
	display:block;
	background-repeat:repeat-x;
	width: 150px;
	left: 0px;				/*-----テキストを隠す-----*/
	text-decoration: none;
	background-image: url(../subject/care/images/kaigo_news_now.gif);
	text-indent: 25px;
	height: auto;
	font-weight: bolder;
	line-height: 25px;
}
.side_Nav02_now a:hover{
	display:block;
	background-repeat:no-repeat;
	width: 150px;						/*-----ボックスの幅、位置の幅も同じ-----*/
	left: 0px;				/*-----テキストを隠す-----*/
	text-decoration: none;
}
/*------------------------------------------------------------------------------------------
-------訪問者別ページ左ナビゲーションの設定 のびのびキャンパスニュース
------------------------------------------------------------------------------------------*/
.side_Nav03 li{
	font-size: 1.1em;
	text-align: left;
}
/*-----左メニューのリンクの設定　基本形-----*/
.side_Nav03 a{
	display:block;
	background-repeat:repeat-x;
	width: 150px;
	left: 0px;				/*-----テキストを隠す-----*/
	text-decoration: none;
	background-image:url(../nobinobicampus/images/nobinobi_bg.gif);
	text-indent: 25px;
	height: auto;
	line-height: 25px;
}
.side_Nav03 a:hover{
	display:block;
	background-repeat:no-repeat;
	width: 150px;						/*-----ボックスの幅、位置の幅も同じ-----*/
	left: 0px;				/*-----テキストを隠す-----*/
	text-decoration: none;
	color: #ad0928;
}
.side_Nav03_now a{
	display:block;
	background-repeat:repeat-x;
	width: 150px;
	left: 0px;				/*-----テキストを隠す-----*/
	text-decoration: none;
	background-image: url(../nobinobicampus/images/nobinobi_bg_now.gif);
	text-indent: 25px;
	height: auto;
	font-weight: bolder;
	line-height: 25px;
}
.side_Nav03_now a:hover{
	display:block;
	background-repeat:no-repeat;
	width: 150px;						/*-----ボックスの幅、位置の幅も同じ-----*/
	left: 0px;				/*-----テキストを隠す-----*/
	text-decoration: none;
}
/*----メインコンテント領域-----*/
#mainContent{
    display:inline;		/*IE6 余白2倍対策*/
    height: auto;
    margin-right: 10px;
    margin-bottom: 0;
    margin-left: 0px;
    width: 605px;
    overflow: hidden;
    padding-right: 0px;
    float: right;
    padding-left: 1px;
    margin-top: 10px;
	/*overflow:hidden;*/
}
#mainContent p{
	margin-right: 1em;
	margin-left: 1em;
}
/*----コンテント領域-内の左の領域----*/
.mainLcontent{
	height: auto;
	width: 290px;
	margin-top: 10px;
	background-repeat: no-repeat;
	border: 1px solid #88D080;
	float: left;
	text-indent: 1em;
	text-align: left;
	overflow: hidden;
	display: inline;	/*------IE6.0でマージンが２倍になる解決方法-----*/
}

/*----コンテント領域-内の右の領域----*/
.mainRcontent{
	height: auto;
	width: 290px;
	float: left;
	margin-top: 10px;
	background-repeat: no-repeat;
	border: 1px solid #88D080;
	overflow:hidden;
	text-indent: 1em;
	display: inline;
	margin-left: 10px;
}
/*----コンテント領域-中央のお知らせ領域----*/
.mainCenterContent{					/*-----重要！！“フローとの落下”を防ぐ為、幅を指定していない-----*/
	height: auto;
	padding: 1px;
	overflow: hidden;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	clear: both;
	/*-----パディングを設定していないと、証明書のテーブルの左の線が切れるため-----*/
}
/*----ワイドコンテント領域-----*/
#wideContent{
	height: auto;
	width: 780px;
	margin-top: 10px;
	/*	border: 1px solid #408080;*/
	margin-bottom: 10px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
}
/*----ワイドコンテント領域-----*/
.wideCenterContent{
	height: auto;
	width: 780px;
	text-align:center;
	margin-top: 10px;
	margin-bottom: 10px;
	overflow: hidden;
}
.left_sp1em{
	margin-left:1em;
	line-height: 1.3em;
}
.left_sp2em{
	margin-left:2em;
	line-height: 1.3em;
}
.left_sp3em{
	margin-left:3em;
	line-height: 1.3em;
}
.left_sp4em{
	margin-left:4em;
	line-height: 1.3em;
}
.kaigo_news01{
	margin-left:2em;
	line-height: 1.6em;
	font-size: 110%;
}
.topnewa_all{
    width: auto;
    padding-left: 480px;
    height: 20px;
    font-size: 80%;
}
.txtCenter{
	text-align:center;
}
.tableCenter {
	text-align:center;
}
.txtB{
	color:#0066CC;
	
}
.side_banner{
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}
.redB{
	font-weight: bold;
	color: #FF0000;
}
.yellowB{
    font-weight: bold;
    color: #FFFF00;
}
.note01{
	color: #CC3366;
	line-height: 1.5em;
	padding-top: 5px;
	padding-bottom: 5px;
}
.clearfloat { 
	clear:both;
}
/*-----行間余白設定-----*/
/*---ボトムピクセル単位---*/
.b5px {
    margin-bottom: 5px;
}
.b10px {
    margin-bottom: 10px;
}
.b15px {
    margin-bottom: 15px;
}
.b20px {
    margin-bottom: 20px;
}
.b30px {
    margin-bottom: 30px;
}
.b40px {
    margin-bottom: 40px;
}
/*---ボトム文字単位---*/
.b1em {
    margin-bottom: 1em;
}
.b2em {
    margin-bottom: 2em;
}
.b3em {
    margin-bottom: 3em;
}
.b4em {
    margin-bottom: 4em;
}
.b5em {
    margin-bottom: 5em;
}

/*---トップピクセル単位---*/
.t5px {
    margin-top: 5px;
}
.t10px {
    margin-top: 10px;
}
.t20px {
    margin-top: 20px;
}
.t30px {
    margin-top: 30px;
}
/*---トップ文字単位---*/
.t1em {
    margin-top: 1em;
}
.t2em {
    margin-top: 2em;
}
.t3em {
    margin-top: 3em;
}
.t4em {
    margin-top: 4em;
}
.t5em {
    margin-top: 5em;
}

/*---トップ・ボトムピクセル単位---*/
.tb5px {
    margin-top:5px;
    margin-bottom: 5px;
}
.tb10px {
    margin-top:10px;
    margin-bottom: 10px;
}
.tb20px {
    margin-top:20px;
    margin-bottom: 20px;
}
.bpa10px {
    padding-bottom: 10px;
}
/*---トップ・ボトム文字単位---*/
.tb1em {
    margin-top:1em;
    margin-bottom: 1em;
}
.tb2em {
    margin-top: 2em;
    margin-bottom: 2em;
}
/*-----フォントスタイル-----*/
.pSty01{
    font-size: 130%;
    text-align: left;
}
.pSty02{
	text-align:right;
    font-size: 90%;
}
.spSty01 {
    font-size: 130%;
    color: #006633;
    font-weight: bold;
}
.spSty02 {
    font-size: 90%;
}
.spSty03 {
    font-size: 95%;
    color: #006633;
}
.spSty04 {
    font-size: 100%;
    color: #3399FF;
    font-weight: bold;
}
#touriBn01 {
    position: absolute;
    width: 700px;
    text-align: right;
    right: 80px;
}
#photo_album {
    width: 310px;
    height: auto;
    /*overflow:scroll;*/		/*-----トピックスエリアのスクロールバー-----*/
	overflow:auto;
    text-align: left;
    float: left;
    border: 1px solid #CCCCCC;
    background-image: url(../images/26.gif);
    background-repeat: repeat;
}
.dt_Sty01 {
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    color: #666699;
    font-weight: bold;
}
.dd_Sty01 {
    padding-left: 20px;
    font-size: 90%;
    color: #993333;
}
.ans01 {
    padding-left: 1em;
    line-height: 1.4em;
    font-size: 100%;
}
.txtCon01{
    width: 96%;
    margin-right: auto;
    margin-left: auto;
    background-image: url(../images/w8b.gif);
    border: thin dotted #9999FF;
    padding: 10px;
}
.txtstyle01{
    font-size: 120%;
    color: #CC3366;
}
.txtstyle02{
    font-size: 115%;
    color: #993333;
    font-weight: bold;
    line-height: 1.4em;
}
.size80{
    font-size: 80%;
}
.size90{
    font-size: 90%;
}
.size100{
    font-size: 100%;
}
.size110{
    font-size: 110%;
}
.size120{
    font-size: 120%;
}
.size130{
    font-size: 130%;
}
.size140{
    font-size: 140%;
}
.size150{
    font-size: 150%;
}
.infuru{
    font-size: 130%;
    color: #333333;
    line-height: 1.8em;
}
.lineH01{
    line-height: 1.8em;
}
.titDate1{
    font-size: 80%;
}

.lineH16{
    line-height:1.6em;
}
