/* ***********************************************************
 * MTpro Stylesheet : Section : External Pages
 * 
 * Since:          2009-06-01 > Takanori Murakami
 * Last Modified:  2010-03-18 > Takanori Murakami
 * Guideline:      Ver.1.00
 * ***********************************************************
 */


/* header_login */

#navbar_external {
	background: url(../../images/sections/external/external_navbar_bg.png) top left repeat-x;
	height: 4px;
	}

/* external */

#external {
	clear:both;
	padding: 4px 0 10px 10px;
	}

#external h1 {
	}

#external h2 {
	font-size: 106.25%;
	font-weight: bold;
	line-height: 1.5;
	color: #333333;
	margin: 16px 5px 12px 0;
	padding: 3px 5px;
	background: url(/images/sections/article_common/article_h3_bg.gif) bottom left repeat-x;
	border-left: 4px solid #338888;
	border-top: 1px solid #D0D0D0;
	border-right: 1px solid #D0D0D0;
	border-bottom: 1px solid #BBBBBB;
	vertical-align: baseline;
	clear:both;
	}

#external h3 {
	font-size: 100%;
	font-weight: bold;
	line-height: 1.5;
	color: #111166;
	margin: 22px 12px 12px 12px;
	padding-left: 5px;
	border-left: 1px solid #AAAACC;
	border-bottom: 1px solid #AAAACC;
	clear:both;
	}


#external h4 {
	font-size: 100%;
	font-weight: bold;
	line-height: 1.5;
	color: #111166;
	margin: 16px 0 8px 0;
	padding-left: 5px;
	}


#external p {
	font-size: 93.75%;
	line-height: 1.8;
	margin-top: 5px;
	margin-bottom: 10px;
	color: #222222;
	padding: 0 15px;
	}

#external p.note {
	font-size: 87.5%;
	padding-left: 25px;
	padding-bottom: 20px;
	color: red;
	}



#external dl,
#external ol,
#external ul {
	margin: 0 0 15px 0;
	}

#external dt {
	font-size: 93.75%;
	font-weight: bold;
	padding: 5px 0 0 20px;
	line-height: 1.7;
	}

#external dd,
#external ul li {
	font-size: 87.5%;
	margin: 0 0 0 30px;
	padding: 0 40px 5px 10px;
	background: url(/images/common/icons/icon_marker_triangle.gif) top left no-repeat;
	background-position: 0 0.6em;
	list-style-type: none;
	line-height: 1.6;
	}

#external ol li {
	font-size: 87.5%;
	margin: 0 0 0 55px;
	padding: 0 40px 5px 0;
	list-style-type: decimal;
	line-height: 1.6;
	}

#external ul.note {
	border-top: 1px solid #BBBBBB;
	padding-top: 10px;
	}

#external ul.note li {
	font-size: 81.25%;
	}

#external ul ul,
#external ul ol,
#external ol ul,
#external ol ol {
	padding-top: 8px;
	margin-bottom: 0;
}

#external ul.note li li,
#external ul li li,
#external ol li li {
	font-size: 100%;
	margin: 0 0 0 25px;
	padding: 0 0 5px 10px;
	}

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

#external ol ul li {
	list-style-type: none;
}


/* common figure treatment */
#external .figure {
	text-align: center;
	padding: 10px 0 10px 0;
	line-height: 1.5;
	}

#external .figure p.caption {
	font-size: 75%;
	text-align: center;
	}

#external .figure p.caption a {
	font-size: 100%;
}



/* styled p elements */

#external p.intro {
	font-size: 87.5%;
	border: 1px solid #7799CC;
	background-color: #DDEEFF;
	line-height: 1.5;
	padding: 8px 10px;
	margin: 12px 0;
	}
	
#external p.info {
	font-size: 87.5%;
	border: 1px solid #CCCCCC;
	background-color: #EEEEEE;
	padding: 15px;
	margin: 20px 10px;
	line-height: 1.6;
	}

#external div.profile {
	clear:both;
	border: 1px solid #7799CC;
	background-color: #CBECFF;
	padding: 5px 10px;
	margin: 20px 10px;
	}

#external div.box {
	clear:both;
	border: 1px solid #CCCCCC;
	background-color: #EEEEEE;
	padding: 5px 10px;
	margin: 20px 10px;
	}

#external blockquote {
	clear:both;
	border-left: 5px solid #BBEEEE;
	padding: 5px 20px 5px 20px;
	margin: 20px 10px;
	font-style: italic;
	}



#external a#backpage {
	margin: 20px auto;
	display:block;
	height: 50px;
	width:250px;
	text-indent:-9999px;
	background:url("/images/sections/external/external_backpage.png") top left no-repeat;
	}

#external a#backpage:hover {
	background:url("/images/sections/external/external_backpage.png") top right no-repeat;
	}

#external a#toppage {
	margin: 20px auto;
	display:block;
	height: 50px;
	width:250px;
	text-indent:-9999px;
	background:url("/images/sections/external/external_toppage.png") top left no-repeat;
	}

#external a#toppage:hover {
	background:url("/images/sections/external/external_toppage.png") top right no-repeat;
	}