/*===============================================*/
/*/ 共通 /*/
/*===============================================*/
@media print,screen and (min-width:737px){ .SpOnly { display:none !important; } }
@media screen and (max-width:736px){ .PcOnly { display:none !important; } }


/*===============================================
●style.css 画面の横幅が737px以上
===============================================*/
@media print, screen and (min-width: 737px){

div#content	{
	display: table;
	width: 1081px;
	margin: 0 auto;
	color: #333;
}
/*LeftNavi*/
div#side	{
	display: table-cell;
	width: 305px;
}
div#side	h1.catettl	{
	width: 100%;
	margin: 65px auto 75px;
	text-align: left;
	font-size: 37px;
	font-family: 'Heebo', sans-serif;
	font-weight: 500;
}
div#side	h1.catettl	span	{
	display: block;
	margin-top: 8px;
	color: #666;
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;-webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: auto; text-shadow: 0px 0px 1px rgba(153, 153, 153, 0.1);
	font-size: 14px;/**/
}
#side	h2	{
	width: 233px;
	margin: 0 0 32px !important;
	padding-bottom: 38px;
	border-bottom: solid 1px #CCC;
	text-align: left;
	font-size: 13px;
}
#side	h2	a	{
	display:block;
	padding: 7px;
	font-size: 13px;
	color: #333;
}
#side	h2	a:before	{
	content: url('../img/arrow_r.png');
	margin-left: 2px;
	margin-right: 8px;
	vertical-align: middle;
}
#side	h3	{
	width: 233px;
	margin: 0;
	padding: 38px 7px 18px;
	border-top: solid 1px #CCC;
	text-align: left;
	font-size: 13px;
}
#side	h3:first-of-type	{
	border-top: none;
	padding: 0px 7px 18px;
}
#side	h3:before	{
	content: url('../img/arrow_b.png');
	margin-left: 2px;
	margin-right: 8px;
	vertical-align: middle;
}
#side	.leftmenu	{
	width: 234px;
	margin: 0 0 43px;
	text-align: left;
}
#side	.leftmenu	li	{
	margin: 8px 0;
}
#side	.leftmenu	li	a	{
	display:block;
	padding: 7px 10px;
	color: #666;
	font-size: 13px;
	line-height: 15px;
}
/* HOVER */
#side	a:hover,#side	.leftmenu	li	a:hover	{
	background: #999;
	color: #FFF;
}
/* Current */
#side		a.active	{
	display: block;
	background: #F3F3F3 !important;
}
/*Right Main*/
div#main	{
	display: table-cell;
	width: 775px;
	margin: 65px auto auto;
}

}
/*===============================================
●smart.css	画面の横幅が736pxまで
===============================================*/
@media only screen and (max-width:736px){
div#content	{
	margin: 0 auto;
}
/* PageTitle */
div#side	h1.catettl	{
	width: 94%;
	margin: 6% auto;
	color: #333;
	text-align: left;
	font-size: 1.4em;
	font-family: 'Heebo', sans-serif;
	font-weight: 500;
}
div#side	h1.catettl	span	{
	display: block;
	margin-top: 8px;
	color: #666;
	font-size: 0.65em;
}
}
 