@charset "utf-8";


/* ========================================
専用 CSS

 - File Name : index.css
 - Latest Css Updates : 2012.11.27
 - Those who update it : e.y
 ------------------------------------------
 article
======================================== */

/*-----------------------------------------------------
 - #MainVisual
-------------------------------------------------------*/
#MainVisual {
	width:998px;
	height:402px;
}
#MainVisual img {
	width:100%;
}
#MainVisual p.link {
	position:absolute;	
	bottom:0;
	right:0;
	width:245px;
	text-align:center;
	background:url(../common/images/bg_opc.png) ;
	background:#fff;
	opacity:0.8;
	padding:5px;
}
#MainVisual a:hover p.pht img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}


/*-----------------------------------------------------
 - #WandoBox
-------------------------------------------------------*/
#WandoBox {
	border: 1px solid #ccc;
	margin: 0 25px 15px;
	background:#ffef9f;
}
#WandoBox a {
	text-decoration:none;
}
#WandoBox div.Inner {
	position:relative;
}
#WandoBox div.Inner .ImgArea {
	float:left;
	padding:7px 0 0;
}
#WandoBox div.Inner .TxtArea {
	float:left;
	width:814px;
	margin:24px 0 5px;
	padding:0 0 12px;
	background:url("../images/wando_bg_btm.png") no-repeat left bottom;	
	font-size:150%;
	font-weight:bold;
}
#WandoBox div.Inner .TxtArea .Inner {
	padding:24px 100px 0;
	text-align:center;
	background:url("../images/wando_bg_top.png") no-repeat left top;	
}
#WandoBox div.Inner .TitleArea {
	position:absolute;
	top:11px;
	left:91px;
}
#WandoBox .date {
	text-align:right;
	text-decoration:none;
	font-size:92%;
	font-weight:bold;
	padding:0 30px 0 0;
}

/*-----------------------------------------------------
 - #NoticeBox
-------------------------------------------------------*/
#NoticeBox {
	border: 1px solid #ccc;
	background:#fff;	
	padding:0 !important;
}

/*-----------------------------------------------------
 - #MainContent
-------------------------------------------------------*/
#MainContent {
	width:705px;
	padding:0;	
}
#MainContent ul li {
	float:left;
	padding:0 0 5px 5px;
	width:230px;
}
#MainContent ul li a {
	text-align:center;	
	width:228px;
	height:228px;
	border:solid 1px #ccc;
	display:block;
	position:relative;
	padding:0;
	text-decoration:none;
}
#MainContent ul li h2 {	
	margin:auto;	
	text-align:center;
	position:absolute;	
	top:7px;
	left:0;
	width:178px;
	background:none;
	padding:0 25px;
	border:none;
	font-size:125% !important;
	font-weight:bold;
	color:#38383a;
	
}
#MainContent ul li h2 span {	
	background:url(../images/icon_h2.png)  left center no-repeat;
	padding:5px 0 0 27px;
}
#MainContent ul li p.pht img {
	width:228px;
	position:absolute;	
	top:0;
	left:0;
}
#MainContent ul li p.link {
	position:absolute;	
	bottom:0;
	left:98px;
	width:120px;
	text-align:center;
	background:url(../common/images/bg_opc.png) ;
	padding:5px;
}
#MainContent ul li a:hover p.pht img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}
#MainContent ul li p.new {
	position:absolute;	
	top:0;
	left:0;
}

/*-----------------------------------------------------
 - .SideMenu
-------------------------------------------------------*/
/* #NewsBox */
#NewsBox {
	padding:12px 0;
}
#NewsBox h2 {
	text-align:center;
	background:none;
	padding:0 0 8px;
	margin:0 0 10px;
}
#NewsBox div.Inner {
	border-bottom:none;
	padding-top:0 !important;
}
#NewsBox div.Inner dl {
	border-bottom:dotted 1px #e94609;
	text-align:left;
	font-size:92% !important;
}
#NewsBox div.Inner dl dt {
	padding:0;
}
#NewsBox div.Inner dl dd p.txt {
	padding:5px 5px 0;
}
#NewsBox div.Inner dl dd p.txt a {
	background:url("../common/images/icon_link_arw_s.png") no-repeat left center;
	padding:0 0 0 15px;
}
#NewsBox div.Inner dl dd p.date {
	padding:7px 5px;
	color:#e94609;
	font-weight:bold;
}


/*-----------------------------------------------------
 - #Content
-------------------------------------------------------*/
/* icon */
#Content .ContentBox .new{ /* NEWアイコン */
	padding:3px 0 0 8px;
}


/*-----------------------------------------------------
 - Media Queries（タブレット対応）
-------------------------------------------------------*/
@media only screen and (max-width: 768px) and (min-device-width: 640px) and (max-device-width: 768px){

/*-----------------------------------------------------
 - #MainVisual
-------------------------------------------------------*/
#MainVisual {
	width:726px;
	height:292px;
}
#MainVisual .pht img {
	width:100%;
}

/*-----------------------------------------------------
 - #WandoBox
-------------------------------------------------------*/
#WandoBox {
	width:706px;
	margin:0 10px 15px;	
}
#WandoBox div.Inner .TxtArea {
	width:600px;
	background:url("../images/wando_bg_btm_ipad.png") no-repeat left bottom;	
}
#WandoBox div.Inner .TxtArea .Inner {
	padding:24px 35px 10px;
	background:url("../images/wando_bg_top_ipad.png") no-repeat left top;	
}

/*-----------------------------------------------------
 - #MainContent
-------------------------------------------------------*/
#MainContent {
	width:470px;
}

}