/*==============================================================================================*/
/*=モバイル用=====================================================================================*/
/*==============================================================================================*/

@media only screen and ( max-width: 1023px ) {

/*----------------------------------------------------------------------------------------------*/
/* UI */
/*----------------------------------------------------------------------------------------------*/

* {
	color: #333;
	font-size: 14px;
	line-height: 1.8em;
	text-align: justify;
	margin: 0.0em;
	padding: 0.0em;
	border: 0.0%;
	word-wrap: break-word;
	font-family:"Osaka","MS Pゴシック","Arial","helvetica,sans-serif"
}

body {
	text-align: center;
}

p a {
	text-decoration: none;
}

a {
	color: #0082d1;
	text-decoration: none;
}

a:hover {
	color: #009;
	text-decoration: underline;
}

ul {
	list-style: none;
	margin-left: 1.0em;
}

p strong {
	font-size: 1.0em;
	padding: 0.0em 0.25em;
}

.red {
	color:#c00;
}

img {
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}

table {
	border-collapse: collapse;
	margin:1.0em;
}

tr {
	padding: 0.5em 1.0em;
	text-align: left;
	vertical-align: top;
	border: 0.1em solid #b9b9b9;
}

th {
	padding: 0.5em 1.0em;
	border: 0.1em solid #b9b9b9;
	background:#efefef;
}

td {
	padding: 0.5em 1.0em;
	border: 0.1em solid #b9b9b9;
}

/*----------------------------------------------------------------------------------------------*/
/* wrapper */
/*----------------------------------------------------------------------------------------------*/

#wrapper	{ margin: 0.0em 0.5em 0.0em 0.5em; }
#header	{ margin: 0.0em 0.0em 0.0em 0.0em; }
#main		{ margin: 0.0em 0.0em 0.0em 0.0em; }
#side-bar	{ margin: 0.0em 0.0em 0.0em 0.0em; }
#footer		{ margin: 0.0em 0.0em 0.0em 0.0em; }

/*----------------------------------------------------------------------------------------------*/
/* header */
/*----------------------------------------------------------------------------------------------*/

#header h1 {
	font-weight: normal;
	text-align: center;
}

#header img {
	text-align: center;
}

/* パンクズ */

ul#bcList {
	margin: 0.0em;
	list-style-type: none;
}

ul#bcList b {
	font-size: 0.9em;
}

ul#bcList b ,
ul#bcList li {
	display: inline;
}

ul#bcList li a {
	font-size: 0.9em;
}

ul#bcList li a:hover {
	color: #009;
	text-decoration: underline;
}

ul#bcList li.crumb {
	padding-left: 1.0em;
	background-image: url("../img/bcList_arrow99f.gif");
	background-repeat: no-repeat;
	background-position : left center;
}

/*----------------------------------------------------------------------------------------------*/
/* main */
/*----------------------------------------------------------------------------------------------*/

#main h2 {
	clear: both;
	font-size: 1.2em;
	margin: 0.0em 0.0em 0.75em 0.0em;
	padding: 0.5em 0.5em 0.5em 0.5em;
	background-image: url("../img/h2_bg.gif");
	background-repeat: no-repeat;
	background-position: left center;
	border: 0.25em solid #ccc;
}

#main h3 {
	clear: both;
	font-size: 1.1em;
	margin: 0.0em 0.0em 0.0em 0.0em;
	padding: 0.6em 0.0em 0.0em 1.25em;
	border-bottom: 0.1em solid #ccc;
	background-image: url("../img/h3_bg.gif");
	background-repeat: no-repeat;
	background-position : left 1.0em;
}

#main h4 {
	clear: both;
	font-size: 1.0em;
	margin: 0.0em 0.0em 0.0em 0.0em;
	padding: 0.75em 0.0em 0.0em 0.0em;
	color: #333;
}

#main p {
	margin: 1.0em 0.0em 1.0em 0.0em;
}

#main p.code {
	font-size: 1.5em;
	border: 0.1em solid #999;
	margin: 0.5em 0.5em 0.5em 0.5em;
	padding: 0.5em 0.5em 0.5em 0.5em;
}

#main ul {
	margin: 1.0em 0.5em 1.0em 0.5em;
}

#main img {
	float: none;
	margin-top: 1.0em;
}

/*----------------------------------------------------------------------------------------------*/
/* side-bar */
/*----------------------------------------------------------------------------------------------*/

h3.side-bar-top {
	clear: both;
	margin: 0.0em 0.0em 0.75em 0.0em;
	padding: 0.5em 0.5em 0.5em 0.5em;
	font-weight: bold;
	background-image: url("../img/h2_bg.gif");
	background-repeat: no-repeat;
	background-position: left center;
	border: 0.25em solid #ccc;
}

.side-bar-body h4 {
	color: #565656;
	margin: 0.5em 0.0em 0.5em 0.0em;
}

.side-bar-body ul {
	list-style: none;
	margin: 0.0em 0.0em 0.0em 0.0em;
}

.side-bar-body li a {
	color: #0082d1;
	text-decoration: none;
}

.side-bar-body li a:hover {
	color: #42b4e6;
	text-decoration: underline;
}

#side-bar p#lead {
	color: #565656;
	border: 0.1em solid #ccc;
	padding: 0.75em;
	margin: 1.0em 0.0em;
}

/*---------------------------------------------------------------------------------------------*/
/* footer */
/*----------------------------------------------------------------------------------------------*/

#fnv p {
	text-align: center;
	margin: 0.0em;
}

#fnv a:hover {
	text-decoration: underline;
}

#copyright {
	text-align: center;
}

/*----------------------------------------------------------------------------------------------*/
/* Ad */
/*----------------------------------------------------------------------------------------------*/

.AdS336x280 {
	clear: both;
	width: 24.0em
	height: 20.0em;
	margin: 1.0em 0.0em;
	padding: 0.0em 0.0em;
}

.AdS336x280 p {
	width: 24.0em
	clear: both;
	color: #666;
	font-size: 0.9em;
}

} /* /@media */

/*==============================================================================================*/
/*=PC用=========================================================================================*/
/*==============================================================================================*/

@media only screen and ( min-width: 1024px ) {

/*----------------------------------------------------------------------------------------------*/
/* UI */
/*----------------------------------------------------------------------------------------------*/

* {
	font-size: 14px;
	line-height: 1.8em;
	text-align: justify;
	margin: 0.0em;
	padding: 0.0em;
	border: 0.0%;
	word-wrap: break-word;
	font-family:"Osaka","MS Pゴシック","Arial","helvetica,sans-serif"
}

body {
	text-align: center;
	background-color: #9f9;
}

p {
	margin: 1.0em 1.0em 1.0em 1.0em;
}

p a {
	text-decoration: none;
}

a {
	color: #0082d1;
	text-decoration: none;
}

a:hover {
	color: #009;
	text-decoration: underline;
}

ul {
	list-style: none;
	margin-left: 1.0em;
}

p strong {
	font-size: 1.0em;
	padding: 0.0em 0.25em;
}

.red {
	color:#c00;
}

img {
	max-width: 100%;
	height: auto;
	width /***/:auto;　
	margin: 0.0em 0.0em 1.0em 1.0em;
}

table {
	border-collapse: collapse;
	margin:1.0em;
}

tr {
	padding: 0.5em 1.0em;
	text-align: left;
	vertical-align: top;
	border: 0.1em solid #b9b9b9;
}

th {
	padding: 0.5em 1.0em;
	border: 0.1em solid #b9b9b9;
	background:#efefef;
}

td {
	padding: 0.5em 1.0em;
	border: 0.1em solid #b9b9b9;
}


/*----------------------------------------------------------------------------------------------*/
/* wrapper */
/*----------------------------------------------------------------------------------------------*/

#wrapper {
	background: #fff;
	width: 72.0em;
	text-align: left;
	margin: 0.5em auto;
	padding: 1.5em 1.5em 1.5em 1.5em;
}

#header {
}

#main {
	clear: both;
	float: left;
	width: 46.5em;
	margin: 0.0em 0.0em 1.5em 0.0em;
}

#side-bar {
	margin: 0.0em 0.0em 1.5em;
	float: right;
	width: 24em;
}

#footer {
x	border: 0.25em solid #ccc;
	clear: both;
	text-align: center;
	padding: 1.0em 1.0em 1.0em 1.0em;
}

/*----------------------------------------------------------------------------------------------*/
/* header */
/*----------------------------------------------------------------------------------------------*/

#header h1 {
	color: #333;
	font-size: 0.9em;
	font-weight: normal;
}

/*----------------------------------------------------------------------------------------------*/
/* main */
/*----------------------------------------------------------------------------------------------*/

/* パンクズ */

ul#bcList {
	list-style-type: none;
}

ul#bcList b {
	font-size: 0.9em;
}

ul#bcList b ,
ul#bcList li {
	display:inline;
}

ul#bcList li a {
	font-size: 0.9em;
}

ul#bcList li a:hover {
	color: #009;
	text-decoration: underline;
}

ul#bcList li.crumb {
	padding-left: 1.0em;
	background-image: url("../img/bcList_arrow99f.gif");
	background-repeat: no-repeat;
	background-position : left center;
}

#main h2 {
	clear: both;
	font-size: 1.3em;
	color: #333;
	margin: 0.0em 0.0em 0.5em 0.0em;
	padding: 0.5em 0.0em 0.5em 1.0em;
	background-image: url("../img/h2_bg.gif");
	background-repeat: no-repeat;
	background-position: left center;
	border: 0.25em solid #ccc;
}

#main h3 {
	clear: both;
	font-size: 1.2em;
	color:#333;
	margin: 2.0em 1.0em 0.5em 1.0em;
	padding: 0.6em 0.0em 0.0em 1.1em;
	border-bottom: 0.1em solid #ccc;
	background-image: url("../img/h3_bg.gif");
	background-repeat: no-repeat;
	background-position : left 1.0em;
}

#main h4 {
	clear: both;
	margin: 2.0em 1.0em 0.5em 1.0em;
	color: #333;
}

#main p {
	margin: 1.0em 1.0em 0.5em 1.0em;
}

#main p.code {
	font-size: 1.25em;
	border: 0.1em solid #999;
	margin: 0.5em 0.5em 0.5em 0.5em;
	padding: 0.25em 0.5em 0.25em 0.5em;
}

#main img {
	margin: 0.0em 1.0em 1.0em 1.0em;
	float: left;
}

#main ul {
	margin: 0.5em 0.0em 1.0em 2.0em;
}

/*----------------------------------------------------------------------------------------------*/
/* side-bar */
/*----------------------------------------------------------------------------------------------*/

.ninja_onebutton {
	margin: 1.0em 0.0em 1.0em 0.0em;
}

h3.side-bar-top {
	clear: both;
	margin: 0.0em 0.0em 0.0em 0.0em;
	padding: 0.5em 1.0em 0.5em 1.0em;
	color: #232323;
	font-weight: bold;
	background-image: url("../img/h2_bg.gif");
	background-repeat: no-repeat;
	background-position: left center;
	border: 0.25em solid #ccc;
}

.side-bar-body h4 {
	color: #565656;
	margin: 1.0em 0.5em 0.0em 0.5em;
}

.side-bar-body p {
	color: #565656;
	padding-top: 0.6em;
	padding-left: 0.5em;
}

.side-bar-body ul {
	list-style: none;
	margin: 0.0em 0.5em 0.0em 1.5em;
}

.side-bar-body li a {
	color: #0082d1;
	text-decoration: none;
}

.side-bar-body li a:hover {
	color: #42b4e6;
	text-decoration: underline;
}

.side-bar-body li img {
}

.side-bar-body .cal_list {
	clear: both;
}

.side-bar-body .cal_list ul {
	margin: 0.0em;
	padding: 0.0em;
}

.side-bar-body .cal_list li {
	padding-right: 0.5em;
}

#side-bar p#lead {
	color: #565656;
	border: 0.1em solid #ccc;
	padding: 0.75em;
	margin: 1.0em 0.0em;
}

/*---------------------------------------------------------------------------------------------*/
/* footer */
/*----------------------------------------------------------------------------------------------*/

#fnv p {
	text-align: center;
	margin: 0.0em;
}

#fnv a:hover {
	text-decoration: underline;
}

#copyright {
	text-align: center;
}

/*----------------------------------------------------------------------------------------------*/
/* Ad */
/*----------------------------------------------------------------------------------------------*/

.AdS336x280 {
	clear: both;
	width: 24.0em
	height: 20.0em;
	margin: 1.0em 0.0em;
	padding: 0.0em 0.0em;
}

.AdS336x280 p {
	width: 24.0em
	clear: both;
	color: #666;
	font-size: 0.9em;
}

} /* /@media */