@charset "utf-8";

/* page_iroha.css */

/*----------------------------------------------*/
/*                                              */
/* page_iroha                                   */
/*                                              */
/*----------------------------------------------*/
/* visual */
body#iroha div#dVisual div.pngBg {
	background-image: url(../iroha/image/bg_iroha.jpg);
}

body#iroha div#dMain {
}
		body#iroha div#dMain div#dContents {
			background-image: url(../iroha/image/bg_contents.jpg);
			background-position: 0 30px;
		}
				body#iroha div#dMain div#dContents div.dContentsInner {
					padding-top: 30px;
				}

/* main 
------------------------------------------------*/
/* index */
body#iroha div.dContentsInner div.dLinkList ul.ulModEleFloat li {
	line-height: 0;
	margin: 0;
	padding-right: 10px;
	white-space: normal;
}
		body#iroha div.dContentsInner div.dLinkList ul.ulModEleFloat li div {
			overflow: hidden;
			text-align: center;
			width: 171px;
		}
				body#iroha div.dLinkList ul.ulModEleFloat li div p {
					margin-left: -5px;
					padding: 8px;
				}
				body#iroha div.dLinkList ul.ulModEleFloat li div div.dModAImgBox {
					width: 171px;
					height: 113px;
					background-color: #ffffff;
				}
				body#iroha div.dLinkList ul.ulModEleFloat li div p a {
					/*display: inline-block;*/
				}
				body#iroha div.dLinkList ul.ulModEleFloat li div.dModAImgBox a {
					display: block;
				}
				body#iroha div.dLinkList ul.ulModEleFloat li div p a strong.sName {
					background-image: url(../image/ico_arrow_right.gif);
					background-position: 4px 0.5em;
					background-repeat: no-repeat;
					padding: 0 0 0 16px;
				}
				body#iroha div.dLinkList ul.ulModEleFloat li div p a strong.sModEleMost {
					font-size: 1.1em;
				}
				

body#iroha div#dContents ul.ulTabsMenu {
	margin-bottom: 0;
	padding-bottom: 0;
	background-image: url(../iroha/image/bg_tabtopline.gif) ;
    background-position: left bottom;
    background-repeat: no-repeat;
	vertical-align: bottom;
}
		body#iroha div#dContents ul.ulTabsMenu li {
			line-height: 0;
			margin-bottom: 0;
			padding-bottom: 0;
			padding-right: 5px;
		}
		body#iroha div#dContents ul.ulTabsMenu li a img {
			vertical-align: bottom;
		}

body#iroha div#dContents div.dModTabsBox {
	width: 898px;
	border-left: solid 1px #e7cd90;
	border-right: solid 1px #e7cd90;
	border-bottom: solid 1px #e7cd90;
	padding-top: 29px;
	height: 220px;
}

body#iroha div#dContents div.dModTabsBox div.TabsBoxInner {
	margin-left: 39px;
}

body#iroha div#dContents div.dModTabsBox div.TabsBoxInner div.dModLayCol3 {
	padding-right: 39px;
}

		body#iroha div#dContents div.dModTabsBox div ul.ulModEleFloat li {
			line-height: 0;
			margin-right: 20px;
			margin-bottom: 10px;
		}
		body#iroha div#dContents div.dModTabsBox div div.dModLayCol3 div.dModLayColR {
			width: 240px;
		}
		body#iroha div#dContents div.dModTabsBox div div.dModLayCol3 div.dModLayColL,
		body#iroha div#dContents div.dModTabsBox div div.dModLayCol3 div.dModLayColC {
			width: 289px;
			height: 190px;
		}
				body#iroha div#dContents div.dModTabsBox div div.dModLayCol3 ul.ulModEleFloat li {
					margin-right: 10px;
					margin-bottom: 10px;
				}
				body#iroha div#dContents div.dModTabsBox div div.dModLayCol3 ul.ulModEleFloat li img {
					vertical-align: bottom;
				}
				body#iroha div#dContents div.dModTabsBox div div.dModLayCol3 ul.ulModEleFloat li.liRight {
					margin-right: 0;
					margin-bottom: 10px;
				}
				body#iroha div#dContents div.dModTabsBox div div.dModLayCol3 ul.ulModEleFloat li.lastElement {
					margin-bottom: 0px;
				}
				
				body#iroha div#dContents div.dModTabsBox div div.dModLayCol3 ul.ulModEleFloat li span img {
					filter: alpha(opacity=30);
					-moz-opacity:0.30;
					opacity:0.30;
				}


/* index */
body#iroha div.index div#dMain {
}

/* list */
body#iroha div.list div#dMain {
}
body#iroha div.list div.dContentsInner div.dLinkList h2 {
	border-bottom: 1px solid #E7CD90;
	width: 900px;
	padding-bottom: 10px;
	margin-bottom: 30px;
}
body#iroha div.list div.dContentsInner div.dLinkList div.dModLayCol2 {
	white-space: normal;
	padding-bottom: 30px;
	width: 900px;
}
		body#iroha div.list div.dContentsInner div.dLinkList div.dModLayCol2 div.dModLayColL {
			width: 430px;
		}
		body#iroha div.list div.dContentsInner div.dLinkList div.dModLayCol2 div.dModLayColR {
			width: 430px;
		}
		body#iroha div.list div.dContentsInner div.dLinkList div.dModLayCol2 h3 {
			background: url("../image/bg_line_dotted.gif") repeat-x scroll left bottom transparent;
			margin-bottom: 10px;
			padding-bottom: 7px;
			font-weight: normal;
			font-size: 1em;
		}
		body#iroha div.list div.dLinkList ul.ulModEleFloat li div p {
			margin-left: 0;
			padding: 1px;
		}
		body#iroha div.list div.dPager {
			padding: 15px 0;
			width: 900px;
			background-color: #f6f2f1;
		}
				body#iroha div.list div.dPager ul {
					text-align: center;
				}
				body#iroha div.list div.dPager ul li {
					display: inline;
				}
				body#iroha div.list div.dPager ul.ulPager li {
					border-right: 1px solid #b0afaf;
				}
				body#iroha div.list div.dPager ul.ulPager li a ,
				body#iroha div.list div.dPager ul.ulPager li strong {
					display: inline-block;
					/display: inline;
					/zoom: 1;
					padding-left: 15px;
					padding-right: 15px;
				}
				body#iroha div.list div.dPager ul.ulPager li.lFirst {
					border-left: 1px solid #b0afaf;
				}
				body#iroha div.list div.dPager ul.ulPager li.lBefore {
					border-right: none;
				}
				body#iroha div.list div.dPager ul.ulPager li.lAfter {
					border-right: none;
				}

body#iroha div.list div.dContentsInner div.dLinkList div.dModLayCol2 div.dModLayImgLeft {
  text-align: left;
}
		body#iroha div.list div.dContentsInner div.dLinkList div.dModLayCol2  div.dModLayImgLeft div.dModLayImg {
			float: left;
			width: 171px;
			background-color: #ffffff;
			text-align: center;
		}
		body#iroha div.list div.dContentsInner div.dLinkList div.dModLayCol2  div.dModLayImgLeft div.dModLayText {
			width: 250px;
		}


/* detail */
body#iroha div.detail div#dMain {
}

body#iroha div.detail div#dMain div.dModBoxNormal div.dModLayImgLeft {
	width: 900px;
}

body#iroha div.detail div#dMain div.dModBoxNormal div.dModLayImgLeft div.dModLayImg {
	width: 330px;
	text-align: center;
}

body#iroha div.detail div#dMain div.dModBoxNormal div.dModLayImgLeft div.dModLayText {
	width: 540px;
}
		body#iroha div.detail div#dMain div.dModBoxNormal div.dModLayImgLeft div.dModLayText h2 {
			font-size: 2em;
		}
				body#iroha div.detail div#dMain div.dModBoxNormal div.dModLayImgLeft div.dModLayText h2 .sModEleSmall {
					display: inline-block;
					padding-left: 0.8em;
					font-size: 0.6em;
				}
		body#iroha div.detail div#dMain div.dModBoxNormal div.dModLayImgLeft div.dModLayText h3 {
			padding-top: 10px;
			margin-bottom: 8px;
		}

body#iroha div.detail div#dMain div.dModBoxNormal div.dModLayImgLeft div.dModLayText ul {
	margin: 0 10px;
}
		body#iroha div.detail div#dMain div.dModBoxNormal div.dModLayImgLeft div.dModLayText ul li {
			margin-bottom: 0;
		}

		body#iroha div.detail div#dMain div.dModBoxNormal div.dModLayImgLeft div.dModLayText ul.ulModEleFloat {
			margin: 0 -35px 4px 10px;
		}
				body#iroha div.detail div#dMain div.dModBoxNormal div.dModLayImgLeft div.dModLayText ul.ulModEleFloat li {
					padding-right: 35px;
				}

		body#iroha div.detail div#dMain div.dModBoxNormal div.dModLayImgLeft div.dModLayText ul.ulModEleDef {
			background: url("../image/bg_line_dotted.gif") repeat-x scroll left top transparent;
			margin: 16px 0 0;
			padding-top: 10px;
		}
				body#iroha div.detail div#dMain div.dModBoxNormal div.dModLayImgLeft div.dModLayText ul.ulModEleDef li {
					margin-bottom: 0;
				}
				body#iroha div.detail div#dMain div.dModBoxNormal div.dModLayImgLeft div.dModLayText ul.ulModEleDef a.aModEleBack {
					display: inline-block;
				}