/*
Theme Name: TOKOHA-U Home
Author: mind-graphica
*/

div {zoom: 1;}


body {
	text-align:center;
	background:url(images/bg_body.gif);
	margin:0;
	padding:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:62.5%;
}

div,h1,h2,h3,h4,p,ul,li
{
	margin:0;
	padding:0;
}

p {
	padding-bottom:8px;
}

img {
	border:0;
}

a {
	color:#069
}

a:focus {
	outline: none;
}

hr {
	display:none;
}

/* Captions & aligment */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
	margin:0 10px 10px 0 ;
}

.alignright {
	float: right;
	margin-right:10px;
	margin:0 0 10px 10px;
}
.clear{
	clear:both;
	font-size:1px;
	height:1px;
}
/* ID Setting
----------------------------------*/

#wrapper
{
	width:900px;
	background:#fff;
	text-align:left;
	line-height:1.3;
	margin:0 auto;
}

#header
{
	/*position:relative;
	overflow:hidden;*/
	font-size:110%;
	border-bottom:1px solid #000;
}

#sitelogo
{
	position:relative;
	overflow:hidden;
}

#sitelogo h1
{
	float:left;
	width:220px;
	height:50px;
	background:url(images/sitelogo.gif) no-repeat 0 0;
	text-indent:-9000px;
}

#sitelogo h1 a
{
	display:block;
	width:220px;
	height:50px;
}
.nav
{
	position: relative;
	clear:both;
}
/*#header .targetmenu
{
	position:absolute;
	top:0;
	left:0;
	width:920px;
}*/

#header .targetmenu a
{
	color:#DDD;
	text-decoration:none;
	padding:3px 0 3px 20px;
	background:url(images/mk_arrow_w.gif) no-repeat 5px center;
}
#header .targetmenu a:hover
{
	color:#FFF;
}



#header .sitemenu
{
	float:right;
	width:550px;
	padding:5px 10px 0 0;
	text-align:right;
}
#header .sitemenu li
{
	display:inline;
	zoom: 1;
}
#header .sitemenu a
{
	color:#666;
	text-decoration:none;
	padding:3px 0 3px 12px;
	background:url(images/mk_arrow_k.gif) no-repeat left center;
}
#header .sitemenu a:hover
{
	color:#000;
}

#header .targetmenu
{
	background:#666;
	padding:5px 10px;
	background:url(images/bg_targetmenu.gif) repeat-y 0 0;
}




/* Drop Down Menu
----------------------------------*/

/* 
	Menu lv.1
*/
ul.dropdown
{
	/*position: relative;*/
}

ul.dropdown li
{
	/*float: left;*/
	display:inline;
	zoom: 1;
	
}

ul.dropdown li.hover,
ul.dropdown li:hover
{
	position: relative;
}


/* 
	Menu lv.2
*/
ul.dropdown ul
{
	width: 220px;
	visibility: hidden;
	position: absolute;
	z-index:10;
	top: 50%;
	left:20px;
	text-align:left;
	padding:0;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}
ul.dropdown ul li.hover,
ul.dropdown ul li:hover
{
	background:#000;
}
ul.dropdown ul li
{
	display:block;
	font-weight: normal;
	background:#555;
	color:#CCC;
	border-bottom: 1px solid #000;
	float: none;
}
ul.dropdown ul li a
{
	display: block;
	color:#DDD;
	background:url(images/mk_arrow_w.gif) no-repeat 5px center;
}
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a
{
	border-right: none;
	width: 100%;
	display: inline-block;
}

/* 
	Menu lv.3
*/
ul.dropdown ul ul
{
	left: 100%;
	top: 0;
}

ul.dropdown li:hover > ul
{
	visibility: visible;
}


/* Header
----------------------------------*/

#header ul.globalmenu
{
	overflow:hidden;
	list-style:none;
	
}

#header .globalmenu li
{
	float:left;
	width:160px;
	height:45px;
}

#header .globalmenu li a
{
	display:block;
	width:160px;
	height:45px;
	text-indent:-9000px;
	background:no-repeat 0 0;
}

#header .globalmenu li#home,
#header .globalmenu li#home a
{
	width:100px;
}

#header .globalmenu li a:hover
{
	background-position: 0 -45px;
}
#header .globalmenu li.current a
{
	background-position: 0 -90px;
}

/*#header .globalmenu li#information a
{
	background-image:url(images/btn_information.gif);
}*/

#header .globalmenu li#home a
{
	background-image:url(images/btn_home.gif);
}

#header .globalmenu li#nyushi a
{
	background-image:url(images/btn_nyushi.gif);
}

#header .globalmenu li#education a
{
	background-image:url(images/btn_education.gif);
}

#header .globalmenu li#foreign a
{
	background-image:url(images/btn_foreign.gif);
}

#header .globalmenu li#artdesign a
{
	background-image:url(images/btn_artdesign.gif);
}

#header .globalmenu li#graduate a
{
	background-image:url(images/btn_graduate.gif);
}

/* Footer
----------------------------------*/

#footer
{
	color: #999;
	background: #000;
	margin: 0px;
	padding: 15px;
	overflow: hidden;
}

#footer a:link,
#footer a:visited
{
	color:#CCC;
}

#footer a:hover
{
	color:#FFF;
}

#footer #nav
{
	font-size:110%;
	overflow:hidden;
	margin-bottom:5px;
}

#footer .sitemenu li
{
	display:inline;
	margin-right:5px;
}

#footer .sitemenu li a
{
	text-decoration:none;
	padding:3px 0 3px 12px;
	background:url(images/mk_arrow_w.gif) no-repeat left center;
}

#footer .sitemenu
{
	float:left;
	width:550px;
	padding:5px 10px 0 0;
}

#footer .pagetop
{
	float:right;
	text-align:right;
	width:110px;
}

#footer .pagetop a
{
	display:block;
	width:100px;
	color:#FFF;
	text-decoration:none;
	padding:3px 0 3px 10px;
	background:url(images/mk_arrow_totop_w.gif) no-repeat 0 3px;
}

/* Main
----------------------------------*/

#flashcontent
{
	width:900px;
	height:470px;
	/*background:url(images/dmy_flash.jpg) no-repeat 0 0;*/
	background:#000;
	border-bottom:1px solid #333;
	/*text-indent:-9000px;*/
}
#pr_content
{
	width:900px;
	/*background:url(images/dmy_flash.jpg) no-repeat 0 0;*/
	background:#000;
	border-bottom:1px solid #333;
	/*text-indent:-9000px;*/
}
#flashcontent p,
#pr_content p
{
	margin:0;
	padding:0;
}

body.home #content,
body.info #content,
body.hot #content,
#topics
{
	overflow: hidden;
	padding:5px 25px;
	font-size:120%;
}
body.childblog #content
{
	overflow: hidden;
	padding:10px 25px;
	padding-left:0;
	font-size:120%;
}
body.childblog #content.fullsize
{ padding:25px; }

body.home #main,
body.info #main,
body.hot #main
{
	width:650px;
	float:left;
}
body.childblog #main
{
	width:600px;
	padding-right:5px;
	float:right;
}

body.home #sidebar,
body.info #sidebar,
body.hot #sidebar
{
	width:180px;
	float:right;
}

body.childblog #sidebar
{
	margin-top:15px;
	width:240px;
	padding:15px 0;
	background:#333;
	color:#CCC;
	font-size:90%;
	
	float:left;
	/* CSS3 */
	border-top-right-radius: 10px;
	border-bottom-right-radius:10px;
	/* Safari,Google Chrome */
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	/* Firefox */
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
}
body.childblog #sidebar h2
{
	color:#CCC;
	margin:0 0 10px 10px;
	font-size:120%;
}
body.education #sidebar h2 { color:#F69;}
body.foreign #sidebar h2 { color:#9C3;}
body.foreign-studies #sidebar h2 { color:#9C3;}
body.artdesign #sidebar h2 { color:#39C;}
body.graduate #sidebar h2 { color:#F60;}

body.childblog #sidebar a
{
	color:#CCC;
}
body.childblog #sidebar ul
{
	list-style:none;
	margin:0;
	padding:0;
}
body.childblog #sidebar ul li
{
	border-top:1px solid #444;
	
}
body.childblog #sidebar ul a
{
	text-decoration:none;
	display:block;
	padding:3px 0 3px 15px;
	background:url(images/mk_arrow_w.gif) no-repeat 0px center;
}
body.childblog #sidebar ul a:hover,
body.childblog #sidebar ul a.active
{
	background-color:#000;
}
body.childblog #sidebar ul ul
{
	padding-left:10px;
}
body.childblog #sidebar ul ul ul
{
	margin-left:10px;
}

/*childblog*/
body.childblog #sidebar .widget_mycategoryorder h2
{
	display:none;
}

/*body.childblog #sidebar .widget_mycategoryorder ul li.current-cat-parent a:link,
body.childblog #sidebar .widget_mycategoryorder ul li.current-cat-parent a:visited,
body.childblog #sidebar .widget_mycategoryorder ul li.current-cat a:link,
body.childblog #sidebar .widget_mycategoryorder ul li.current-cat a:visited,
body.childblog #sidebar .widget_mycategoryorder ul li.current-cat a
{
	background:#000;
	font-size:120%;
}*/

body.childblog #sidebar .widget_mycategoryorder ul.children
{
	display:none;
}
/*body.childblog #sidebar .widget_mycategoryorder ul li.current-cat-parent ul.children,
body.childblog #sidebar .widget_mycategoryorder ul li.current-cat ul.children
{
	display:block;
}*/


#video
{
	width:90px;
	height:35px;
	float:left;
}
#video a
{
	display:block;
	width:90px;
	height:35px;
	text-indent:-9000px;
	background:url(images/btn_video.gif) no-repeat 0 0;
}

#hotnews
{
	background:url(images/img_hotnews_gray.gif) no-repeat 0 0;
	/*background:url(images/img_hotnews.gif) no-repeat 0 0;*/
	width:665px;
	height:20px;
	margin-top:5px;
	padding:10px 0 0 75px;
	float:right;
	overflow:hidden;
	position:relative;
	font-size:95%;
}

#hotnews h2
{
	position:absolute;
	top:0;
	left:-9000px;
	width:60px;
}

#hotnews a
{
	text-decoration:none;
	color:#333;
}

ul#ticker
{
	list-style:none;
}

ul#ticker li
{
	margin-bottom:10px;
}

/* Tabs
----------------------------------*/

#tabs h2.cnt_header
{
	font-size:120%;
	border-left:5px solid #C96;
	padding:5px 10px;
	float:left;
}

#tabs h2.cnt_header .en
{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:65%;
	font-weight:normal;
	color:#666;
}

#tab_info h2.cnt_header
{
	padding:15px 10px 0;
	width:170px;
	min-height:45px;
}


#tab_info .banner
{
	width:400px;
	min-height:60px;
	/*background-color:#CCC;*/
	float:right;
}


#tabs .topic
{
	overflow:hidden;
}

#tabs dl
{
	margin: 0;
	padding: 5px 0 15px;
	font-size:85%;
	clear:both;
}
#tabs dl a
{
	text-decoration:none;
	display:block;
	padding-bottom:5px;
}
#tabs dl a:link,
#tabs dl a:visited
{
	background-color:#FFF;
}
#tabs dl a:hover
{
	background-color:#EEE;
}

#tabs dl dt
{
	overflow:hidden;
	float: left;
	clear:both;
	width: 220px;
	margin:0;
	padding:0;
	font-weight:normal;
	line-height: 150%;/*border-right:1px solid #999;*/
}

#tabs dl dt .date
{
	display:block;
	width:85px;
	float: left;
	padding-top:5px;
	border-right:1px solid #CCC;
	border-top:1px solid #CCC;
}

#tabs dl dt .cate
{
	display:block;
	width:115px;
	padding-top:5px;
	padding-left:10px;
	float: left;
	border-right:1px solid #CCC;
	border-top:1px solid #CCC;
}

#tabs dl dd
{
	padding: 5px 0 0 160px;
	/*margin-bottom:10px;*/
	line-height: 1.5;
	border-top:1px solid #CCC;
}

#tabs .info			{ background:#666;}
#tabs .education	{ background:#F69;}
#tabs .foreign		{ background:#9C3;}
#tabs .artdesign	{ background:#39C;}
#tabs .graduate		{ background:#F60;}

#tabs #tab_info		{ border-top-color:#666;}
#tabs #tab_education{ border-top-color:#F69;}
#tabs #tab_foreign	{ border-top-color:#9C3;}
#tabs #tab_artdesign{ border-top-color:#39C;}
#tabs #tab_graduate	{ border-top-color:#F60;}

#tabs #tab_education h2.cnt_header{ border-color:#F69;}
#tabs #tab_foreign h2.cnt_header{ border-color:#9C3;}
#tabs #tab_artdesign h2.cnt_header{ border-color:#39C;}
#tabs #tab_graduate h2.cnt_header{ border-color:#F60;}


.ui-tabs
{
	padding: 0;
	zoom: 1;
	border:0;
	background-image:none;
	background-color:#FFF;
}

.ui-tabs .ui-tabs-nav
{
	list-style: none;
	position: relative;
	padding: 0;
	margin:0;
	border:0;
	background:none;
}

.ui-tabs .ui-tabs-nav li
{
	margin:0;
	padding:0;
	position: relative;
	float: left;
	border:0;
	/*border-bottom-width: 0 !important;*/
	margin: 1px 0 0 0 ;
	padding: 0;
}

.ui-tabs .ui-tabs-nav li a
{
	float: left;
	text-decoration: none;
	padding:5px 10px;
	width:110px;
	text-align:center;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected
{
	padding-bottom: 1px;
	border-bottom-width: 0;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a
{
	cursor: text;
}

.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a
{
	cursor: pointer;
}

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel
{
	padding: 1em 1.4em;
	display: block;
	border-width: 0;
	background: none;
}

.ui-tabs .ui-tabs-hide
{
	display: none !important;
}

.ui-tabs .ui-tabs-panel
{
	border:1px solid #999;
	border-top:5px solid;
	padding-bottom:0;
}

/********* in sidebar
*/
.homeblog .widget
{
	margin: 0 0 10px;
	padding: 2px;
	border: 1px solid #999;
	background:#EEE;
}

.homeblog .widget h2
{
	display:block;
	color: #FFF;
	background: #111;
	text-align: center;
	margin: 0 0 5px;
	padding: 3px;
	font-size: 110%;
}

.widget ul
{
	list-style:none;
	padding:5px;
}
.widget.widget_mylinkorder ul
{
	list-style:none;
	padding:0;
}

.widget ul li
{
	margin-bottom:5px;
}

#linkcat-19 ul li
{
	margin:0;
}

#linkcat-19 p,
.widget p
{
	padding:0 0 5px;
}
#linkcat-19
{
	margin: 0 0 10px;
	padding: 0;
	border: none;
	background:#FFF;
}

#linkcat-19 h2
{
	display:none;
}
#linkcat-19 a
{
	text-decoration:none;
}





/* Index Page
----------------------------------*/

#pageheader
{
	background: #333 url(images/page_info.jpg) no-repeat 0px 0px;
	padding: 70px 15px 0px;
	height: 130px;
	color:#FFF;
}

#pageheader h2
{
	
	font-size:180%;
}


body.childblog #main h2
{
	color:#CCC;
	font-size:140%;
	background-color:#000;
	margin:10px 0;
	padding:8px 10px;
	
	/* CSS3 */
	border-radius: 5px;
	/* Safari,Google Chrome */
	-webkit-border-radius:5px;
	/* Firefox */
	-moz-border-radius: 5px;
}

body.course #pageheader
{
	/*height: 330px;*/
	height: 130px;
	color:#222;
	
}
body.course #category-page-header
{
	padding:60px 0 0;
	
	height:220px;
	overflow:hidden;
}
body.course #category-page-header p
{
	
	line-height:1.6;
	font-size:120%;
}
body.course #category-page-header p.catch
{
	font-size:220%;
	padding:0 0 8px;
}

body.education #pageheader{ background-image:url(images/page_education.jpg);}
body.foreign #pageheader{ background-image:url(images/page_foreign.jpg);}
body.artdesign #pageheader{ background-image:url(images/page_artdesign.jpg);}
body.graduate #pageheader{ background-image:url(images/page_graduate.jpg);}
	
#pageheader h2 span
{
	display:block;
	font-weight:normal;
	padding-bottom:5px;
	
	font-size:80%;
}
#pageheader h2 span.parent
{
	font-weight:bold;
	color:#666;
	font-size:70%;
}
#pageheader h2 span.en
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:65%;
}


.pagenavi
{
	text-align:center;
	background:#DDD;
	padding:8px;
	margin-bottom:15px;
}

.topicpath
{
	background: #DDD;
	margin: 0px;
	padding: 8px;
	padding-bottom:0;
	color:#666;
}
.topicpath a
{
	text-decoration:none;
}

#main h3
{
	font-size:140%;
	margin-bottom:.2em;
	padding:.2em 0 .1em .3em;
	
	border-left: 5px solid #CCC;
}
#main h3 a,
#main h3 a:link,
#main h3 a:visited
{
	color:#222;
	text-decoration:none;
}
#main h3 a:hover
{
	color:#C33;
}
#main .post
{
	/*border-bottom: 1px solid #CCC;*/
	margin:15px 0;
	padding-bottom:0;
	line-height:1.5;
	color:#444;
	overflow:hidden;
}
#main .post ul,
#main .post ol
{
	margin-left:25px;
	list-style-position:inside;
}
#main .post li
{
	margin:5px 0;
}
#main .post h4
{
	font-size:120%;
	padding:5px;
	margin:10px 0;
	color:#000;
	background:#EEE;
}
#main .post p
{
	margin-bottom:10px;
}
#main .post .date
{
	color:#666;
	font-size:90%;
	border-top:1px dotted #CCC;
	padding-top:5px;
}

#main .pagenavi
{
	text-align:center;
}

#main .info_cat
{
	border-top: 1px solid #CCC;
	margin:0;
	padding:5px 0 0 10px;
}
#main .info_cat a.item h4,
#main .info_cat a.item p.date
{
	/*display:inline;*/
	
}
#main .info_cat a.item h4
{
	font-size:110%;
	
}
#main .info_cat .date
{
	color:#666;
	font-size:85%;
	padding:0;
}

#main .info_cat a.item{
	display:block;
	
	/*border-bottom:1px dotted #CCC;*/
	padding:5px 0 5px 15px;
	margin-bottom:5px;
	background:url(images/mk_arrow_k.gif) no-repeat left 7px;
}
#main .info_cat a:link,
#main .info_cat a:visited
{
	text-decoration:none;
}
#main .info_cat a:hover
{
	/*background-color:#ddd;*/
	text-decoration:underline;
}

#main h4 span.notice
{
	color:#C33;
	font-size:90%;
}
#main p.notice
{
	background:#FEE;
	color:#C33;
	font-size:90%;
	padding:3px 5px;
	margin:5px 5px 25px;
}