@charset "UTF-8";
/* ===================================================================
CSS information
 style info : themesDetail
=================================================================== */

#themesDetail #gNaviArea ul li#menu02 a {
	background-position: -159px bottom !important;
}

#themesDetail h2#mainTitle {
	background: url(../img/themes/mainTitle.gif) no-repeat left top;
}


/* -----------------------------------------------------------
	detailArea
----------------------------------------------------------- */
#detailArea {
	width: 650px;
}

#detailHeader {
	width: 100%;
	margin-bottom: 3px;
}
#detailHeader #cateBox {
	width: 230px;
	height: 21px;
	border: 1px solid #0099ff;
	line-height: 22px;
	font-size: 12px;
	float: left;
}
#detailHeader #cateBox span {
	width: 66px;
	background-color: #0099ff;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	float:left;
}
#detailHeader #cateBox p {
	width: 164px;
	text-align: center;
	float: left;
}

#detailHeader #btn_toList {
	width: 190px;
	height: 30px;
	float: right;
}
#detailHeader #btn_toList a {
}

h3.themeTitle {
	font-size: 21px;
	margin-bottom: 30px;
}

#freeContentsBox {
	width: 650px;
}

/* -----------------------------------------------------------
	themeListArea
----------------------------------------------------------- */
#themeListArea {
	width: 650px;
}
#themeListArea #table_Header {
	width: 650px;
	height: 45px;
	background: url(../img/themes/table_Header.jpg) no-repeat left bottom;
}
#themeListArea #table_Body {
	width: 604px;
	background: url(../img/themes/table_Body.gif) repeat-y left top;
	border-bottom: 3px solid #ebebd1;
	padding-left: 23px;
	padding-right: 23px;
	padding-bottom: 10px;
}
#themeListArea #table_Body ul {
	width: 604px;
	margin: 0;
	padding: 0;
}
#themeListArea #table_Body ul li {
	width: 604px;
	margin-top: 10px;
	font-size: 13px;
}
#themeListArea #table_Body ul li+li {
	padding-top: 10px;
	background: url(../img/themes/table_Line.gif) repeat-x left top;
}
#themeListArea #table_Body ul li table {
	width: 100%;
}
#themeListArea #table_Body ul li table td {
	padding-top: 2px;
	padding-bottom: 1px;
}
#themeListArea #table_Body ul li table td.theme_title {
	width: 273px;
	padding-right: 15px;
}
#themeListArea #table_Body ul li table td.theme_title h3 {
	font-weight: normal;
}
#themeListArea #table_Body ul li table td.theme_item {
	width: 156px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
}
#themeListArea #table_Body ul li table td.btn_toDetail {
	width: 120px;
	padding-left: 10px;
}
#themeListArea #table_Body ul li table td.btn_toDetail a {
	display: block;
	width: 120px;
	height: 30px;
}








/*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
		Reponsive STYLE【768px~979px】
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
@media only screen and (min-width: 768px) and (max-width: 979px) {

}


/*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
		Reponsive STYLE【480px~767px】
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
@media only screen and (min-width: 480px) and (max-width: 767px) {

#freeContentsBox {
	width: 415px;
}

/* -----------------------------------------------------------
	detailArea
----------------------------------------------------------- */
#detailArea {
	width: 415px;
}
#detailHeader #cateBox {
	float: none;
	margin-bottom: 10px;
}
#detailHeader #btn_toList {
	float: none;
	margin-bottom: 10px;
}

/* -----------------------------------------------------------
	themeListArea
----------------------------------------------------------- */
#themeListArea {
	width: 415px;
}
#themeListArea #table_Header {
	display: none;
}
#themeListArea #table_Body {
	width: 395px;
	background: none;
	border: 2px solid #ebebd1;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 10px;
}
#themeListArea #table_Body ul {
	width: 395px;
	margin: 0;
	padding: 0;
}
#themeListArea #table_Body ul li {
	width: 395px;
	margin-top: 10px;
	font-size: 13px;
}
#themeListArea #table_Body ul li+li {
	padding-top: 10px;
	background: url(../img/themes/table_Line.gif) repeat-x left top;
}
#themeListArea #table_Body ul li table {
	width: 100%;
}
#themeListArea #table_Body ul li table td {
	padding-top: 2px;
	padding-bottom: 1px;
}
#themeListArea #table_Body ul li table td.theme_title {
	width: 260px;
	padding-right: 10px;
	border-right: 1px solid #ebebd1;
}
#themeListArea #table_Body ul li table td.theme_item {
	width: 86px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	border-right: 1px solid #ebebd1;
}
#themeListArea #table_Body ul li table td.btn_toDetail {
	width: 120px;
	padding-left: 10px;
}
#themeListArea #table_Body ul li table td.btn_toDetail a {
	display: block;
	width: 120px;
	height: 30px;
}


}


/*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
		Reponsive STYLE【~479px】
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
@media only screen and (max-width: 479px) {

#freeContentsBox {
	width: 300px;
}

/* -----------------------------------------------------------
	detailArea
----------------------------------------------------------- */
#detailArea {
	width: 300px;
}
#detailHeader #cateBox {
	float: none;
	margin-bottom: 10px;
}
#detailHeader #btn_toList {
	float: none;
	margin-bottom: 10px;
}


/* -----------------------------------------------------------
	themeListArea
----------------------------------------------------------- */
#themeListArea {
	width: 300px;
}
#themeListArea #table_Header {
	display: none;
}
#themeListArea #table_Body {
	width: 286px;
	background: none;
	border: 2px solid #ebebd1;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
}
#themeListArea #table_Body ul {
	width: 286px;
	margin: 0;
	padding: 0;
}
#themeListArea #table_Body ul li {
	width: 286px;
	margin-top: 10px;
	font-size: 13px;
}
#themeListArea #table_Body ul li+li {
	padding-top: 10px;
	background: url(../img/themes/table_Line.gif) repeat-x left top;
}
#themeListArea #table_Body ul li table {
	width: 100%;
}
#themeListArea #table_Body ul li table td {
	padding-top: 2px;
	padding-bottom: 1px;
}
#themeListArea #table_Body ul li table td.theme_title {
	width: 260px;
	padding-right: 10px;
	border-right: 1px solid #ebebd1;
}
#themeListArea #table_Body ul li table td.theme_item {
	width: 86px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
}
#themeListArea #table_Body ul li table td.btn_toDetail {
	display: none;
}


}



/*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
	Android 〜FWVGA(480×854) & iPhone5
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
@media only screen and (min-device-width: 640px) and (max-device-width: 1136px) and (-webkit-min-device-pixel-ratio: 2) {#gNaviArea {

#freeContentsBox {
	width: 300px;
}

/* -----------------------------------------------------------
	detailArea
----------------------------------------------------------- */
#detailArea {
	width: 300px;
}
#detailHeader #cateBox {
	float: none;
	margin-bottom: 10px;
}
#detailHeader #btn_toList {
	float: none;
	margin-bottom: 10px;
}


/* -----------------------------------------------------------
	themeListArea
----------------------------------------------------------- */
#themeListArea {
	width: 300px;
}
#themeListArea #table_Header {
	display: none;
}
#themeListArea #table_Body {
	width: 286px;
	background: none;
	border: 2px solid #ebebd1;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
}
#themeListArea #table_Body ul {
	width: 286px;
	margin: 0;
	padding: 0;
}
#themeListArea #table_Body ul li {
	width: 286px;
	margin-top: 10px;
	font-size: 13px;
}
#themeListArea #table_Body ul li+li {
	padding-top: 10px;
	background: url(../img/themes/table_Line.gif) repeat-x left top;
}
#themeListArea #table_Body ul li table {
	width: 100%;
}
#themeListArea #table_Body ul li table td {
	padding-top: 2px;
	padding-bottom: 1px;
}
#themeListArea #table_Body ul li table td.theme_title {
	width: 260px;
	padding-right: 10px;
	border-right: 1px solid #ebebd1;
}
#themeListArea #table_Body ul li table td.theme_item {
	width: 86px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
}
#themeListArea #table_Body ul li table td.btn_toDetail {
	display: none;
}


}