@charset "utf-8";
/*
Theme Name: TMC2 Theme
Theme URI: http://tokyokeiei.murata.ac.jp/
Description: Basic Theme for TMC
Version: 0.1
Author: TMC
*/


/* 
page 760px
header 760x110px
     logoBox 500x88
	 miniNavi 
	 searchForm 240x70
	 mainMenu 740x22

sidebar 190px (20+170)
narrowcolumn 420px
topicsbar 150px(5+145)
*/


/* box */
body {
	margin: 0 0 0 0;
	padding:0 0 0 0;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: white url('images/tmcbgcolor.jpg');
	color: #333;
	text-align: center;
	}

a img {
   border-style:none;
   }

#page {
	margin: 0 auto 0 auto;
	padding:0 0 0 0;
	width: 760px;
	background: url('images/tmcbgwide.jpg') repeat-y top;
    border: none;
  	background-color: white;
	text-align: left;
    }

#header {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
/*	height: 140px;*/
	width: 760px;
	background: white url('images/header01.jpg') repeat-y top;
	float:left;
	}
#pathBox {
	margin: 0 10px 0 10px;
	_margin: 0 5px 0 5px;
	padding: 0 0 0 0;
    width:740px;
	float:left;
	border-top:1px solid #FFE9F5;
	text-align:right;
	}

#pathBox p{
	font-size:10px;
	margin:0 0 0 0;
	padding: 3px 10px 3px 10px;
	}

#sidebar {
	margin:5px 0 0 20px;
	_margin:5px 0 0 10px;
	padding:0 0 0 0;
    width:170px;
	float: left;
	font-size: 1.2em;
	}
	
.narrowcolumn {
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
	width: 420px;
    float: left;
	white-space:normal;
	}

#categoryBox {
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:420px;
	height:100px;
	background:#FFE9F5 url('photo/tmc_campus03.jpg') no-repeat top;
	}

#topicsBar {
	margin:0 0 0 0px;
	padding:0 0 0 0;
    width:150px;
	float: left;
	font-size: 1.2em;
	}

#footer {
	background: #eee url('images/tmcfooter.jpg') no-repeat top; 
	border: none;
	padding: 0 0 0 0px;
	margin: 0 auto;
	width: 760px;
	height: 60px;
	clear: both;
	}
/* Box end */

h1{
font-size:18px;
color:#932243;
font-weight:bold;
margin:5px 0 5px 0px;
padding:2px 0px 2px 5px;
/*
border-top:1px solid #932243;
border-left:1px solid #932243;
border-bottom:1px solid #932243;
border-right:1px solid #932243;

background:#FFE9F5;
*/
}

h2 {
font-size:16px;
color:#333;
font-weight:bold;
margin:10px 0 10px 0px;
padding:2px 0px 2px 5px;
border-bottom:1px solid #932243;
/* border-top:1px solid #932243;
border-left:5px solid #932243; */ 
}

h3 {
font-size:14px;
color:#555;
font-weight:bold;
margin:5px 0 5px 0px;
padding:2px 0px 2px 5px;
border-left:5px solid #932243;
}

/* font */
.tmcRed {
color:#932243;
}

.tmcRedBack {
background:#932243;
}

.tmcYellow{
color:#f9c03c;
}

.tmcYellowBack {
background:#f9c03c;
}

.menuPinkBack {
background:#FFE9F5;
}


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/* header */
#logoBox{
	margin: 0 0 0 10px;
	_margin:0 0 0 5px;
	padding: 0 0 0 0;
	width:450px;
	height:88px;
   float:left;
   background:white;
}

#logoBox img{
	margin: 0 0 0 10px;
	padding: 0 0 0 0;
}

#miniNavi {
margin:5px 10px 0 0;
_margin:5px 5px 0 0;
padding:0 0 0 0;
width:280px;
height:35px;
float:left;
background:white;

font-size:12px;
text-align:right;
}

#SearchForm {
margin:0 10px 0 0;
_margin:0 5px 0 0;
padding:0 0 0 0;
width:280px;
height:40px;
float:left;
display:block;
background:white;
text-align:right;
}

.headerLine {
	margin: 0 10px 0 10px;
	_margin: 0 5px 0 5px;
	padding: 0 0 0 0;
	height: 1px;
	width: 740px;
    background-color:#cccccc;
	float:left;
}



/* main Menu */
#mainMenu {
margin:0px 0px 0 10px;
_margin:0px 0px 0 5px;
padding:0 0 0 0;
width:740px;
height:22px;
background:white;
float:left;
clear:both;
}

#mainMenu ul {
margin:0 0 0 6px;
_margin:0 0 0 3px;
padding:0 0 0 0;
}

#mainMenu li {
margin:0px 0px 0px 5px;
padding:0 0 0 0;
float:left;
list-style-type:none;
display:block;
background:#FFE9F5;
width:99px;
height:22px;
}

#mainMenu li:hover {
background:#ddd;
}

#mainMenu  a {
display:block;
margin:2px 0px 0px 0px;
padding:0px 0 0 0;
font-size:14px;
text-align:center;
text-decoration:none;
}



#navigationMenu {
width:750px;
height:20px;
margin:0px 0 0 0;
padding:0 0 0 0;
float:left;
}

#navigationMenu a {
	display:block;
	padding:2px 0 2px 0;
	text-align: left;
}

#navigationMenu a:hover {
	display:block;
	padding-top:2px;
	padding-bottom: 2px;
	text-decoration: bold;
	text-align: left;
}

#navigationMenu li {
width: 140px;
height:20px;
float:left;
list-style-type:none;
font-size:16px;
}


/* infoBanner */
#infoBanner {
width:180px;
height:240px;
margin:0 0 0 10px;
_margin:0 0 0 5px;
padding:0 0 0 0;
float:left;
background-color:white;
background: white url('images/stripe01.gif') repeat top;

}
.banner{
margin:5px 0 0 10px;
_margin:5px 0 0 5px;
float:left;
}

#topPhoto {
width:560px;
height:240px;
margin:0 10 0 0;
_margin:0 5 0 0;
padding:0 0 0 0;
float:left;
background: white url('images/topphoto02.gif') no-repeat top;
}

/* http://www.tmc-ipd.ac.jp/jp/images/tmc_top01.jpg */


#topPhoto_iryou {
width:560px;
height:240px;
margin:0 10 0 0;
_margin:0 5 0 0;
padding:0 0 0 0;
float:left;
background: white url('images/iryou_sougou_top.jpg') no-repeat top;
}

#topPhoto_cedyna {
width:560px;
height:240px;
margin:0 10 0 0;
_margin:0 5 0 0;
padding:0 0 0 0;
float:left;
background: white url('images/cedyna.jpg') no-repeat top;
}



/* subMenu */
.subMenu {
margin:0px 0px 20px 0px;
_margin:0px 0px 20px 0px;
padding:0 0 0 0;
width 170px;
background:white;
border:0px solid gray;
float:left;
}

.subMenu p {
margin:0 0 0 0;
padding:2px 0 2px 3px;
background:gray;
color:#ffffff;
font-size:14px;
}

.subMenu h3 {
margin:0px 0 2px 0px;
padding:2px 0px 2px 5px;
background:#932243;
border-left:5px solid #f9c03c;
color:white;
font-size:12px;
font-weight:normal;
}

h4 {
font-size:12px;
color:#555;
font-weight:bold;
margin:10px 0px 0px 5px;
padding:0px 0px 0px 0px;
/*border-left:1px dashed #932243;
border-top:1px dashed #932243; */
}

.subMenu ul {
margin:0px 0px 0px 0px;
padding:0px;
font-size: 12px;
width:160px;
}

.subMenu li {
padding:3px 0px 0px 5px;
border-bottom:1px dotted #650011;
list-style:none;
list-style-position:inside;
list-style-type: square;
background:white;
}

.subMenu li.current_page_item {
background:#ddd;
list-style-type:circle;
}

.current_page_item a {
text-decoration: none;
color:#932243;
}

.subMenu li:hover{
background:#ddd;
}


/* sub Menu Line*/
#subMenuLine {
margin:5px 0 5px 0px;
_margin:0px 0 0 0px;
padding:3px 0 0 0;
width:420px;
background:white;
float:left;
}

#subMenuLine ul,#subMenuLine li,#subMenuLine a{
display:block;
margin:0;
padding:0;
}


#subMenuLine ul {
margin:0 0 0 0px;
_margin:0 0 0 0px;
padding:0 0 0 3px;
}

#subMenuLine li {
margin:0px 0px 3px 0px;
padding:2px 4px 2px 4px;
float:left;
list-style-type:none;
white-space:nowrap;
border-left:1px solid gray;
}

#subMenuLine li:hover {
background:#ddd;
}

#subMenuLine  a {
display:block;
margin:0px 0px 0px 0px;
padding:0px 0 0 0;
font-size:12px;
text-align:left;
text-decoration:none;
}

#subMenuLine li:hover{
background:#ddd;
}

#subMenuLine li.current_page_item {
background:#ddd;
list-style-type:none;
}

#subMenuLine a.current_page_item {
text-decoration: none;
color:#932243;
}

/* subMenuLine END */

/* Topicsbar */
.topicsMenu {
margin:5px 0px 20px 0px;
_margin:0px 0px 20px 0px;
padding:0 0 0 0;
width 135px;
background:white;
border:0px solid gray;
float:left;
}

.topicsMenu p {
margin:0 0 0 0;
padding:2px 0 2px 3px;
background:gray;
color:#ffffff;
font-size:14px;
}

.topicsMenu h3 {
margin:0px 0 2px 0px;
padding:2px 0px 2px 5px;
background:#932243;
border-left:5px solid #f9c03c;

color:white;
font-size:12px;
font-weight:normal;
}

.topicsMenu ul {
margin:0px 0px 0px 0px;
padding:0px;
font-size: 12px;
width:125px;
}

.topicsMenu li {
padding:3px 0px 3px 5px;
border-bottom:1px dotted #650011;
list-style:none;
list-style-position:inside;
list-style-type: square;
background:white;
}

.topicsMenu li.current_page_item {
background:#ddd;
list-style-type:circle;
}

.current_page_item a {
text-decoration: none;
color:#932243;
}

.topicsMenu li:hover{
background:#ddd;
}




/* rssTitle */
#rssTitleBox {
    width:380px;
	margin:0 0 0 0px;
	padding:0 0 0 0;
	float: left;
	font-size: 1.2em;
	}

#rssTitleBox h1 {
font-size:12px;
color:gray;
font-weight:bold;
margin:0px 0 5px 0px;
padding:2px 0px 2px 5px;
border-bottom:1px dotted gray;
border-left:4px solid #932243;
}

	
/* Begin Typography & Colors */

#content {
	font-size: 1.2em;
	}

#copyright {
	padding: 0 0 0 20px;
}


/* test */
.twoColumnBox{
margin:0 6px 5px 6px;
_margin:0 3px 5px 3px;
padding:0 0 0 0;
width:198px;
float:left;
/*
height:200px;
background:gray;
*/
}

.twoColumnBox h3 {
margin:0px 0 2px 0px;
padding:2px 0px 2px 5px;
background:#932243;
border-left:5px solid #f9c03c;

color:white;
font-size:12px;
font-weight:normal;
}

.twoColumnBox ul {
margin:0px 0px 0px 0px;
padding:0px;
font-size: 12px;
}

.twoColumnBox li {
padding:2px 0px 2px 5px;
list-style:none;
list-style-position:inside;
list-style-type: square;
background:white;
}

.twoColumnBox ul ul li {
padding:2px 0px 2px 17px;
list-style:none;
list-style-position:inside;

background:white;
}

.twoColumnBox ul ul ul li {
padding:2px 0px 2px 7px;
list-style:none;
list-style-position:inside;
list-style-type: circle;
background:white;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visiblity: hidden;
}

.clearfix {display: inline-block;}

.clearfix {display:block;}

/* visitor Navi */
#visitorNavi {
margin:0 10px 10px 10px;
_margin:0 5px 0 5px;
padding:0 0 0 0;
width:740px;
float:left;
border-top:solid 1px #ccc;
border-bottom:solid 1px #ccc;
}

/*
#visitorNavi ul,#visitorNavi li,#visitorNavi a{
display:block;
margin:0;
padding:0;
}
*/

#visitorNavi ul {
margin:0 0 0 0px;
_margin:0 0 0 0px;
padding:0 0 0 0px;
width:100px;
}

#visitorNavi li {
padding:2px 40px 2px 0px;
/*list-style-image:url('images/bullet_04.png');*/
list-style-type:disc;
list-style-posion:inside;
}

#visitorNavi li:hover {
background:#c00;
}

#visitorNavi  a {
margin:0px 0px 0px 0px;
padding:0px 0 0 0;
font-size:12px;
text-decoration:none;
}

#visitorNavi li.current_page_item {
background:#ddd;
list-style-type:none;
}

#visitorNavi a.current_page_item {
text-decoration: none;
color:#932243;
}
/* visitor Navi END*/