@charset "utf-8";

/*=========================================================
	index
		1. browser style reset
		2. element style
		3. clear class
=========================================================*/

/* 1. browser style reset
=========================================================*/

html,body,div,
h1,h2,h3,h4,h5,h6,p,pre,
table,caption,
dl,dt,dd,ul,ol,li,
fieldset,form,label,legend{
	margin:0;
	padding:0;
	font-size:100%;
	font-weight:normal;
}
table,tr,th,td{
	border-collapse:collapse;
	border-spacing:0;
	font-weight:normal;
}
a img{border:0;}


/* 2. element style
=========================================================*/
strong{font-weight:bold;}
a img{border-style:none;}
img{vertical-align:middle;}


/* 3. clear & reset class
=========================================================*/
/* Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php */
.clfix:after{
	content:"."; 
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0;
}
.clfix{display:inline-block;}
/* Hides from IE-mac \*/
* html .clfix{height:1%;}
.clfix{display:block;}
/* End hide from IE-mac */

.clr{clear:both !important;}
.hide{display:none !important;}

br.clr{
	height:0 !important;
	font-size:0 !important;
	line-height:0 !important;
	overflow:hidden !important;
	visibility:hidden !important;
	clear:both !important;
}


/*=========================================================
	index
		1. format
		2. header
		3. contents
		4. footer
=========================================================*/


/* 1. format
=========================================================*/
body{
	text-align:center;
	font-family:arial,sans-serif;
	color:#000;
	background:#F4F1DD;
}
#wrapper{
	width:990px;
	margin:0 auto;
	background:#570201;
}
a:focus {   outline:none;}

/* 2. header
=========================================================*/
#header{
	position:relative;
	width:950px;
	margin:0 auto;
}
#header span{
	display:none;
}

/* logo
---------------------------------------------------------*/
#header #hlogo{
	display:block;
	width:950px;
	height:215px;
}


/* meiji
---------------------------------------------------------*/
#header #mlogo a{
	position:absolute;
	display:block;
	width:108px;
	height:35px;
	background:url(/cip/english/programs/WSR/hed_mlogo.png) no-repeat;
	left:834px;
	top:5px;
}


/* 3. contents
=========================================================*/
#container{
	width:890px;
	margin:0 auto;
	padding:30px;
	text-align:left;
	background:#FFF;
}

/* content
---------------------------------------------------------*/
#content{
	position:relative;
	float:right;
	width:680px;
	font-size:80%;
	line-height:1.6;
	text-align:left;
}

/* side
---------------------------------------------------------*/
#side{
	float:left;
	width:180px;
	font-size:80%;
	line-height:1.4;
	text-align:left;
}


#side2 {  
	float:left;
	width:180px;
	font-size:80%;
	line-height:1.4;
	text-align:left;
/*    padding: 10px;  
    position: absolute; 
    top: 280px; 
    z-index: 20; */
}
  


/* 4. footer
=========================================================*/
#footer{
	width:950px;
	margin:0 auto;
	padding:15px 0;
	font-size:70%;
	line-height:1.2;
	text-align:left;
	color:#FFF;
}
#footer span{
	display:none;
}

/* meiji
---------------------------------------------------------*/
#footer #flogo a{
	float:left;
	display:block;
	width:97px;
	height:31px;
	background:url(/cip/english/programs/WSR/fot_flogo.gif) no-repeat;
}


/* copy
---------------------------------------------------------*/
#footer #copy{
	width:840px;
	float:right;
	text-align:right;
	margin:0;
}

/* video
=========================================================*/
.panel-flv{
	margin:30px auto 35px;
	padding:5px 5px 10px;
	background:#333;
	color:#CCC;
	font-size:70%;
	line-height:1.4;
	background-color:#000;
}
.panel-flv a,
.panel-flv a:visited{
	color:#CCC;
	text-decoration:underline;
}
.panel-flv a:hover{
	color:#CCC;
	text-decoration:none;
}

.bnr a img:hover{
filter:alpha(opacity=70);
opacity:0.7;
}


/*=========================================================
	index
		1. text link
		2. totop
		3. totop
=========================================================*/

/* 1. text link
=========================================================*/
a{
	color:#403F99;
	text-decoration:underline;
}
a:visited{
	color:#403F99;
}
a:hover,
a:active{
	text-decoration:none;
}



/*=========================================================
	index
		1. global
		2. side
		3. footer
=========================================================*/


/* 1. global
=========================================================*/
#navGlobal{
	width:950px;
	height:50px;
	margin:0 auto;
	background-color:#6d3151;
}
#navGlobal span{
	display:none;
}
#navGlobal ul{
	list-style:none;
	padding:0;
}
#navGlobal li{
	float:left;
}
#navGlobal li a{
	display:block;
	height:50px;
	background-image:url(/cip/english/programs/WSR/nav_global.gif);
	background-repeat:no-repeat;
}

#navGlobal .g01 a{ width:238px; background-position:0 0; }
#navGlobal .g02 a{ width:237px; background-position:-238px 0; }
/*#navGlobal .g03 a{ width:237px; background-position:-372px 0; }*/
/*#navGlobal .g04 a{ width:237px; background-position:-475px 0; }*/
#navGlobal .g05 a{ width:238px; background-position:-712px 0; }

#navGlobal .g01 a:hover{ background-position:0 -50px; }
#navGlobal .g02 a:hover{ background-position:-238px -50px; }
/*#navGlobal .g03 a:hover{ background-position:-372px -50px; }*/
/*#navGlobal .g04 a:hover{ background-position:-475px -50px; }*/
#navGlobal .g05 a:hover{ background-position:-712px -50px; }

#top #navGlobal .g01 a{ background-position:0 -50px; }
#jap #navGlobal .g02 a{ background-position:-238px -50px; }
/*#soc #navGlobal .g03 a{ background-position:-372px -50px; }*/
/*#coo #navGlobal .g04 a{ background-position:-475px -50px; }*/
#law #navGlobal .g05 a{ background-position:-712px -50px; }



/* global Japanese
=========================================================*/
#navGlobaljp{
	width:950px;
	height:50px;
	margin:0 auto;
	background-color:#6d3151;
}
#navGlobaljp span{
	display:none;
}
#navGlobaljp ul{
	list-style:none;
	padding:0;
}
#navGlobaljp li{
	float:left;
}
#navGlobaljp li a{
	display:block;
	height:50px;
	background-image:url(/cip/english/programs/WSR/nav_global_j.gif);
	background-repeat:no-repeat;
}

#navGlobaljp .g01 a{ width:238px; background-position:0 0; }
#navGlobaljp .g02 a{ width:237px; background-position:-238px 0; }
/*#navGlobaljp .g03 a{ width:215px; background-position:-372px 0; }*/
/*#navGlobaljp .g04 a{ width:237px; background-position:-475px 0; }*/
#navGlobaljp .g05 a{ width:238px; background-position:-712px 0; }

#navGlobaljp .g01 a:hover{ background-position:0 -50px; }
#navGlobaljp .g02 a:hover{ background-position:-238px -50px; }
/*#navGlobaljp .g03 a:hover{ background-position:-372px -50px; }*/
/*#navGlobaljp .g04 a:hover{ background-position:-475px -50px; }*/
#navGlobaljp .g05 a:hover{ background-position:-712px -50px; }

#top #navGlobaljp .g01 a{ background-position:0 -50px; }
#jap #navGlobaljp .g02 a{ background-position:-238px -50px; }
/*#soc #navGlobaljp .g03 a{ background-position:-372px -50px; }*/
/*#coo #navGlobaljp .g04 a{ background-position:-475px -50px; }*/
#law #navGlobaljp .g05 a{  background-position:-712px -50px; }




/* 2. side
=========================================================*/
#navSide{
	width:180px;
}
#navSide ul{
	list-style:none;
	margin-bottom:20px;
}
#navSide li{
	border-bottom:1px dotted #999;
}
#navSide li a{
	display:block;
	width:165px;
	padding:10px 10px 10px 5px;
	background:url(/cip/english/programs/WSR/for_ico_navSide.gif) no-repeat 172px center;
	color:#000;
	text-decoration:none;
}
#navSide a:visited{
	color:#000;
}
#navSide a:hover,
#navSide a:active{
	text-decoration:none;
	background-color:#E7E7E7;
}
#navSide li span{
	padding-right:5px;
}
#navSide li span.new{
	color:#D3230A;
	font-weight:bold;
}
#navSide li img{
	vertical-align:middle;
}
#navSide .banner{
	margin-bottom:15px;
}


/* 3. language
=========================================================*/
#content #navLanguage{
	position:absolute;
	width:160px;
	height:30px;
	margin:0 auto;
	right:0;
	top:0;
}

#content #navLanguage span{
	display:none;
}
#content #navLanguage ul{
	list-style:none;
	padding:0;
}
#content #navLanguage li{
	background:none;
	padding:0;
	margin:0;
	float:left;
}
#content #navLanguage li a{
	display:block;
	height:30px;
	background-image:url(/cip/english/programs/WSR/nav_language.jpg);
	background-repeat:no-repeat;
}

#content #navLanguage .l01 a{ width:80px; background-position:0 0; }
#content #navLanguage .l02 a{ width:80px; background-position:-80px 0; }

#content #navLanguage .en .l01 a{ background-position:0 -30px; }
#content #navLanguage .jp .l02 a{ background-position:-80px -30px; }


/*=========================================================
	index
		1. h1
		2. h2
		3. h3
		4. h4
		5. category
=========================================================*/

/* 1. h1
=========================================================*/
h1{
	font-family:Verdana, Geneva, sans-serif;
}
#content h1{
	width:510px;
	margin:0 0 20px 0;
	font-size:200%;
	font-weight:bold;
	line-height:1.4;
	color:#6B1648;
}


/* 2. h2
=========================================================*/
#content h2{
	clear:both;
	margin:0 0 1em;
	padding:.1em 0 .2em .5em;
	font-size:125%;
	line-height:1.4;
	font-weight:bold;
	border-left:8px solid #691847;
	border-bottom:1px dotted #999;
}
#content h2 a{
	color:#000;
	text-decoration:none;
}
#content h2.headline{
	margin:0 0 20px 0;
	padding:0;
	font-size:190%;
	font-weight:bold;
	line-height:1.2;
	color:#D91A00;
	border:none;
}
#content h2.headline a{
	color:#D91A00;
	text-decoration:none;
}
/* info
---------------------------------------------------------*/
#content h2.info,
#content h2.info-j{
	clear:both;
	width:680px;
	height:40px;
	margin:1.5em 0 0;
	padding:0;
	border:none;
}

#content h2.contact{
	background:#6C1A4B;
	padding:12px 12px 12px 18px ;
	color:#FFF;
	font-size:130%;
	font-weight:bold;
	margin: 0px 0 0 0;
	border:none;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px; 
}


/* 3. h3
=========================================================*/
#content h3{
	margin:1.3em 0 .5em;
	font-size:110%;
	line-height:1.4;
	font-weight:normal;
	padding-left:15px;
	list-style:none!important;
	background:url(/cip/english/programs/WSR/for_ico_link.gif) 0 5px no-repeat!important;
}
#content h3 a{
	text-decoration:none;
}
/* 4. h4
=========================================================*/
#content h4{
	margin:0 0 5px 0;
	line-height:1.4;
	font-weight:bold;
	color:#6a1948;
}

/*=========================================================
	index
		1. font style
		2. text style
		3. paragraph
=========================================================*/

/* 1. font style
=========================================================*/
.font-l{font-size:120%;}
.font-s {font-size:90%; line-height:1.4;}

.b{font-weight:bold;}
.s{text-decoration:line-through;}

.font-col01{color:#D3230A;}


/* 2. text style
=========================================================*/
.alRight{text-align:right !important;}
.alCent{text-align:center !important;}
.alLeft{text-align:left !important;}
.valTop{vertical-align:top !important;}
.valMiddle{vertical-align:middle !important;}
.valBottom{vertical-align:bottom !important;}
.valBase{vertical-align:baseline !important;}


/* 3. paragraph
=========================================================*/
#content p{
	margin:0 0 1em;
}
#content .doc{
	margin:0 0 20px 15px;
}
#content .caption{
	margin:5px 0 0 0;
	font-size:95%;
	line-height:1.4;
}
#content .link_ban{
	padding-bottom:15px;
}
#content .link_ban .block img{
	float:left;
	width:205px;
	padding-bottom:10px;
}
#content .link_ban .block .wysiwig{
	padding: 10px 0;
	float:right;
	width:445px;
}

/* in other elements */
#content dd p,
#content li p{margin:0;}

p.ico_Link, a.ico_Link {
	padding-left:15px;
	background:url(/cip/english/programs/WSR/for_ico_link.gif) left no-repeat;
	}

.ico_Link li {
	list-style:none!important;
	background:url(/cip/english/programs/WSR/for_ico_link.gif) 0 8px no-repeat!important;}
	


dl.QA {
	margin-left:15px;
	border-bottom:#CCCCCC solid 1px;
	margin-bottom:20px;
}
dl.QA.no_border{
	border:none;
}

dl.QA dt{
	padding-left:25px;
	padding-top:10px;
	background:url(/cip/english/programs/WSR/img_q.gif)  0 12px no-repeat;}
dl.QA dd{
	margin-left:0px!important;
	padding-left:25px;
	background:url(/cip/english/programs/WSR/img_a.gif) 0 3px no-repeat;
}
dl.QA img{
	padding-top:10px;
}

.button_one{
	margin-left:245px!important;
}
.button_two{
	margin-left:135px!important;
}
.button{
	border: #D3230A solid 1px;
	width:270px;
	font-weight:bolder;
	text-align:center;
	background: #FCEBF4;
	font-weight:bold;
}
.button a{
	border: #CCC 1px solid;
	text-decoration:none;
	display:block;
	padding:1em;
}
.button a:hover{
	background:#D3230A;
	color:#FFF;
	border:#FFF 1px solid;
}
#content .redB{
	font-weight:bold;
	color:#F00;}
#content .bkgray{
	background-color: #FFECF8;
	color:#999;}
	
/*=========================================================
	index
		1. tHead
		2. tFoot
=========================================================*/

/* 1. tHead
=========================================================*/
/*
table.tHead,
.tHead th,
.tHead td{
	border-collapse:collapse;
	border-spacing:0;
	border:1px solid #A97EA9;
}
table.tHead{
	margin:0 0 1em;
}
.tHead th,
.tHead td{
	padding:6px;
	font-size:95%;
	line-height:1.4;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
}
.tHead th{
	text-align:center;
	vertical-align:middle;
	background-color:#FCEBF4;
}
.tHead .tCol01,
.tHead .tCol01 td,
.tHead .tCol01 th{
	background-color:#E8C1D6;
}
.tCol02,
.tCol02 td,
.tCol02 th{
	background-color: #FFD9D9;
}
.tHead th table,
.tHead th th,
.tHead th td,
.tHead td table,
.tHead td th,
.tHead td td{
	border:none;
	padding:0;
	background:none;
	font-size:100%;
}

tr.break{
page-break-after: always;
}
*/
/*=========================================================
	index
		1. common
		2. ul
		3. ol
		4. dl
=========================================================*/

/* 1. common
=========================================================*/
#content ul,
#content ol,
#content dl{
	margin-bottom:1em;
}
#content li ul,
#content li ol{
	margin:0;
}


/* 2. ul
=========================================================*/
#content ul,
#content ul ul{
	list-style:none;
}
#content ul li{
	margin:.5em 0;
	padding-left:1.2em;
	background-repeat:no-repeat;
	background-position:.2em .6em;
}
#content ul ul li{
	padding-left:14px;
}
#content ul ul ul li{
	background-image:none;
}

#content ul ol li{
	background-image:none;
}

#content ul.Nbacknumber {
	background:url(/cip/english/programs/WSR/bg_year.gif) no-repeat 15px 10px #6B1C4A;
	margin-bottom:30px!important;
	display:block;
	padding: 10px 0 0 15px;
}
#content .Nbacknumber li{
	list-style:none!important;
	text-align:center;
	display:inline;
	background-image:none;
}
#content .Nbacknumber li a{
	color:#FFF;
	text-decoration: underline;
	padding:0 0 8px 0;
	font-weight:bold;
	font-size:110%;
	width:90px;
	float:left;
	color:#FFF;
	background:url(/cip/english/programs/WSR/bg_year.gif) no-repeat right top;
	}
	
#content .Nbacknumber li a:hover,#content .Nbacknumber li a.active{
	color:#FEB300;
	border-bottom:#FEB300 5px solid;
	text-decoration:none;
}

/* 3. ol
=========================================================*/
#content ol li{
	margin:.3em 0 .3em 1.7em;
}


/* 4. dl
=========================================================*/
#content dl{
}
#content dt{
	margin:0 0 .5em 0;
	font-weight:bold;
}
#content dd{
	margin:0 0 1em 1em;
}

/*=========================================================
	index
		1. bordr & color
		2. float box 
		3. margin & padding
=========================================================*/

/* 1. bordr & color
=========================================================*/
.box-i{
	padding:15px;
	border-right:2px solid #691847;
	border-bottom:2px solid #691847;
	border-left:2px solid #691847;
	margin-bottom:25px;
}

.bordr-s{border-bottom:1px solid #CCC;}
.bordr-d{border-bottom:1px dotted #CCC;}
.bordr-box{
	border:#691847 1px solid;
	padding:10px;
}


/* 2. float box
=========================================================*/
.fright{float:right;}
.fleft{float:left;}
.frobject,.flobject{
	display:block;
	width:auto;
	height:auto;
	line-height:1;
	margin-bottom:15px;
}
.frobject{margin-left:15px;}
.flobject{margin-right:15px;}

.fcenter{
	margin-left:auto;
	margin-right:auto;
}

/* 3. margin & padding
=========================================================*/
/* box margin
---------------------------------------------------------*/
.m0{margin:0 !important;}
.m5{margin:5px !important;}
.m10{margin:10px !important;}
.m15{margin:15px !important;}
.m20{margin:20px !important;}

.mt0{margin-top:0 !important;}
.mt3{margin-top:3px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}

.mr0{margin-right:0 !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}

.mb0{margin-bottom:0 !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}

.ml0{margin-left:0 !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml3e{margin-left:3em !important;}

/* box padding
---------------------------------------------------------*/
.p0{padding:0 !important;}
.p5{padding:5px !important;}
.p10{padding:10px !important;}
.p15{padding:15px !important;}
.p20{padding:20px !important;}

.pt0{padding-top:0 !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}

.pr0{padding-right:0 !important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}

.pb0{padding-bottom:0 !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}

.pl0{padding-left:0 !important;}
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}

/* 4. col button
=========================================================*/
#content .col3{
	letter-spacing: -.40em;
	width:675px;
}
#content .col3 p{
	letter-spacing:normal;
	display: inline-block;
	width:215px;
	margin-right:10px;
	display:inline-block;
	vertical-align:top;
}
#content .col4{
	letter-spacing: -.40em;
	width:675px;
}
#content .col4 p{
	letter-spacing:normal;
	display: inline-block;
	width:158px;
	margin-right:10px;
	display:inline-block;
	vertical-align:top;
}
#content .button3{
	letter-spacing: -.40em;
	width:685px;
}
#content .button3 p{
	letter-spacing:normal;
	display: inline-block;
	width:200px;
	margin-right:20px;
	display:inline-block;
	vertical-align:top;
}
#content .button2{
	letter-spacing: -.40em;
	width:690px;
	margin-left:15px;
}
#content .button2 p{
	letter-spacing:normal;
	display: inline-block;
	width:320px;
	margin-right:25px;
	display:inline-block;
	vertical-align:top;
}
/* 5. wysiwig
=========================================================*/
#content .wysiwig ul{
	margin: 0px 0 5px 0;
	padding: 0 0 0 15px;
}
#content .wysiwig ul li{
	margin: 0 0 5px 0px;
	padding: 0 0 0 0;
	list-style:disc;
}
#content .wysiwig ol{
	margin: 0px 0 10px 0;
	padding: 0 0 0 15px;
	list-style: decimal;
}
#content .wysiwig ol li{
	margin: 0 0 10px 0px;
	padding: 0 0 0 0;
}
#content .wysiwig img{
	padding: 0 10px 20px 10px;
}
#content .wysiwig pre, #content .wysiwig address{
	font-size: 90%;
	line-height: 1.9;
}
#content .wysiwig ul, #content .wysiwig ol{
	margin: 0 0 30px 0;
}
#content .wysiwig table{
	margin-bottom:35px;
}
#content .wysiwig table th,
#content .wysiwig table td{
	line-height:1.4;
	font-weight:normal;
	padding:6px 10px;
border: 1px solid #A97EA9;
}
#content .wysiwig table img{
	padding:0;
}