*
{
	margin: 0;
	padding: 0;
}
body
{
	background-color: #ddb;
	font-family: 'Hiragino Kaku Gothic Pro', 'Meiryo', sans-serif;
}
a, a:link, a:visited
{
	text-decoration: none;
}
#view_port
{
	width: 100%;
	background-color: #cc9;
}
#main
{
	margin: 0;
	padding: 10px;
}

/* 表示エリア設定用 */

@media screen and (min-width: 0px) and (max-width: 340px)
{
	#view_port
	{
		width: 320px;
	}
}
@media screen and (min-width: 780px)
{
	#view_port
	{
		width: 780px;
		margin-left: auto;
		margin-right: auto;
		border-left: 1px solid #000;
		border-right: 1px solid #000;
	}
}


/* ヘッダー */
#header
{
	background-color: #99ab4e;
	border-bottom: 1px solid #000;
	padding: 1em;
	background: -moz-linear-gradient(top, #d8e698, #99ab4e);
	background: -webkit-gradient(linear, left top, left bottom, from(#d8e698), to(#99ab4e));
}

div.subtitle
{
	font-size: 95%;
	margin-bottom: 5px;
}
h1
{
	font-size: 120%;
}

/* 上部ナビゲート用 */

#navi
{
	margin: 0;
	padding: 10px;
}

#navi div.topindex
{
	margin-left: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
	text-align: left;
	width: auto;
	max-width: 38em;
}
#navi div.topindex ul
{
	list-style-type: none;
	margin-left: 0;
}
#navi div.topindex li
{
	font-size: 80%;
}
#navi div.topindex ul a
{
	color: #000;
	display: inline;
}
#navi div.topindex ul a:hover
{
	color: #fff;
}
#navi .location
{
	color: #00008b;
	font-weight: normal;
}

#navi .locmark
{
	color: #dc143c;
	font-weight: bold;
	margin-left: 0.5em;
	margin-right: 0.5em;
}


/* フッター */
#footer
{
	margin: 0;
	padding: 10px;
}

/* フッター用インデックス */

div.footerindex
{
	margin-top: 0em;
	margin-left: 0em;
	margin-right: 0em;
	margin-bottom: 1em;
	text-align: center;
}
div.footerindex ul
{
	list-style-type: none;
	margin-left: 0;
}
div.footerindex li
{
	background-color: #f0f0e8;
	display: block;
	text-align: center;
	font-size: 80%;
	line-height: 200%;
	border: 1px solid #000;
}
div.footerindex ul a
{
	color: #000;
	display: block;
	padding: 0.5em 1em;
}
div.footerindex ul a:hover
{
	background-color: #6b6f59;
	color: #fff;
}



/* フッター用インデックス */

div.footernavi
{
	margin-top: 0em;
	margin-left: 0em;
	margin-right: 0em;
	margin-bottom: 1em;
	text-align: center;
}
div.footernavi ul
{
	list-style-type: none;
	margin-left: 0;
}
div.footernavi li
{
	background-color: #f0f0e8;
	display: inline-block;
	text-align: center;
	font-size: 80%;
	line-height: 200%;
	border: 1px solid #000;
	width: 33%;
}
div.footernavi ul a
{
	color: #000;
	display: block;
	padding: 0.5em 1em;
}
div.footernavi ul a:hover
{
	background-color: #6b6f59;
	color: #fff;
}


/* デザイン１ */
h2
{
	background-color: #7b8d42;
	color: #fff;
	border-style: solid;
	border-width: 2px;
	border-color: #333;
	font-size: 110%;
	margin-bottom: 1em;
	padding: 0.3em 0.5em;
	text-align: left;
}
h2 a
{
	color: #fff;
}

h2.battle
{
	font-size: 100%;
	border-width: 1px;
	border-color: #000 ;
	background-color: #da70d6 ;
	color: #000;
}
#footer h2
{
	background-color: #444444;
}

h3
{
	font-size: 100%;
}

h4
{
	font-size: 95%;
}
img {
	max-width: 100%; height: auto;
	vertical-align: middle;
}


/* INDEX用 */

div.indexlist
{
	margin-left: 0.5em;
	margin-right: 0.5em;
	margin-bottom: 2em;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
	width: auto;
	max-width: 38em;
}
div.indexlist ul
{
	list-style-type: none;
	margin-left: 0;
}
div.indexlist li
{
	background-color: #f0f0e8;
	display: block;
	font-size: 80%;
	line-height: 200%;
	border: 1px solid #000;
}
div.indexlist ul a
{
	color: #000;
	display: block;
	padding: 0.5em 1em;
}
div.indexlist ul a:hover
{
	background-color: #6b6f59;
	color: #fff;
}

/*  return用 */

div.return
{
	margin-left: 0.5em;
	margin-right: 0.5em;
	margin-bottom: 2em;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	width: auto;
}
div.return ul
{
	list-style-type: none;
	margin-left: 0;
}
div.return li
{
	background-color: #f0f0e8;
	display: block;
	font-size: 80%;
	line-height: 200%;
	border: 1px solid #000;
}
div.return ul a
{
	display: block;
	padding: 0.5em 1em;
	text-decoration: none;
}
div.return ul a:hover
{
	background-color: #6b6f59;
	color: #fff;
}

/* メニュー用 */

div.menulist
{
	margin-left: 0.5em;
	margin-bottom: 1em;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
	width: auto;
	max-width: 38em;
}

div.menulistlast
{
	margin-left: 0.5em;
	margin-bottom: 2em;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
	width: auto;
	max-width: 38em;
}

div.menulist h3, div.menulistlast h3
{
	font-size: 100%;
	background-color: #fbd26b;
	margin: 0;
	padding: 0.4em 1em;
	border: 1px solid #000;
}

div.menulist ul, div.menulistlast ul
{
	list-style-type: none;
	margin-left: 0;
}
div.menulist li, div.menulistlast li
{
	background-color: #f0f0e8;
	font-size: 80%;
	line-height: 200%;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}
div.menulist ul a, div.menulistlast ul a
{
	display: block;
	padding: 0.5em 1em;
}
div.menulist ul a:hover, div.menulistlast ul a:hover
{
	background-color: #6b6f59;
	color: #fff;
}


/* トップページに戻る用 */

div.returntop
{
	margin-left: 1em;
	margin-right: 1em;
	margin-bottom: 2em;
	text-align: center;
	width: auto;
}
div.returntop ul
{
	list-style-type: none;
	margin-left: 0;
}
div.returntop li
{
	background-color: #f0f0e8;
	display: block;
	text-align: center;
	font-size: 80%;
	line-height: 200%;
	border: 1px solid #000;
}
div.returntop ul a
{
	color: #000;
	display: block;
	padding: 0.5em 1em;
}
div.returntop ul a:hover
{
	background-color: #6b6f59;
	color: #fff;
}

/* GOOGLEアドセンス用 */

div.google_ads
{
	text-align: center;
	margin-top: 1em;
	margin-left: 1em;
	margin-right: 1em;
	margin-bottom: 2em;
}


h2.adsttl {
	font-size: small;
	color: #000;
	text-align: center;
	font-weight: normal;
	border: 0;
	background-color: #ddb;
}

h2.adsfooter {
	font-size: small;
	color: #000;
	text-align: center;
	font-weight: normal;
	border: 0;
	background-color: #f0e68c;
}

/* メインデザイン */

div.view1 {
	max-width: 100%;
	width: 40em;
}

div.view2 {
	margin: 0em 1em 2em 1em;
	padding: 1em;
	border: 1px dotted #000;
	background-color: #dda;
	font-size: 85%;
}

div.view2 h4
{
	font-size: 100%;
	line-height: 200%;
}

div.view2 p {
	line-height: 200%;
}

div.view2 ul {
	list-style-type: disc;
	margin-left: 2em;
}

div.view2 ol {
	list-style-type: decimal;
	margin-left: 2em;
}

div.view2 li {
	line-height: 200%;
}

div.view2 table li {
	font-size: 100%;
}

div.view2 ul.n, td ul.n { list-style-type: none; }
div.view2 ul.c, td ul.c { list-style-type: circle; }
div.view2 ul.s, td ul.s { list-style-type: square; }

div.view2 a, .view2 a:link, div.view2 a:visited
{
	color: #900;
	text-decoration: underline;
}

table
{
	border-collapse: collapse;
	margin: 0 0 2em 1em;
}

td
{
	background-color: #fff;
	border: 1px solid #000;
	color: #000;
	empty-cells: show;
	font-size: 80%;
	line-height: 200%;
	padding: 0.3em 0.4em;
	text-align: left;
	width: auto;
	vertical-align: top;
}

td ul
{
	list-style-type: disc;
	margin-left: 1.5em;
}

td ol
{
	margin-left: 2em;
}

td.mds
{
	background-color: #666;
	color: #fff;
	text-align: center;
	vertical-align: middle;
}
td.mds1
{
	background-color: #d2b48c;
	text-align: left;
}
td.mds2
{
	background-color: #e9dfe5;
	background-color: #d2b48c;
	text-align: center;
}
td.col_l
{
	text-align: left;
}
td.col_c
{
	text-align: center;
}
td.col_r
{
	text-align: right;
}

/* 製品情報用 */

table.info {
	width: 90%;
	max-width: 38em;
	margin-right: 1em;
	margin-top: 0em;
	margin-bottom: 2em;
	margin-left: 0.5em;
}

table.info td.midashi {
	background-color: #d3d3d3;
	line-height: 200%;
	font-size: 80%;
	font-weight: bold;
}

table.info td.submidashi {
	width: 8em;
	text-align: center;
	background-color: #f5f5f5;
	font-size: 75%;
}


/* 管理人 */

table.kanrinin {
	width: 90%;
	max-width: 38em;
	margin-right: 1em;
	margin-top: 0em;
	margin-bottom: 1em;
	margin-left: 0.5em;
}

table.kanrinin td.name {
	background-color: #dda;
	line-height: 200%;
	font-size: 80%;
	font-weight: none;
	padding: 1em;
}

/* 文字色設定 */

.m_red
{
	color: #c00;
}

.bold
{
	font-weight: bold;
}
.m_blue
{
	color: #33c;
}
.m_green
{
	color: #060;
}
.m_yellow
{
	color: #ff3;
}
.m_white
{
	color: #fff;
}
.m_black
{
	color: #000;
}
.m_cyan
{
	color: #69f;
}
.m_gold
{
	color: #960;
}
.m_orange
{
	color: #c60;
}
.m_purple
{
	color: #909;
}
.m_pink
{
	color: #f69;
}
.m_lblue
{
	color: #06f;
}
.m_lgreen
{
	color: #393;
}
.m_lred
{
	color: #f06;
}
.m_mask
{
	color: #cc9;
}
.tips
{
	color: #4169e1 ;
	color: #cd5c5c ;
}
.kanren
{
	color: #008080  ;
}

.link_mark
{
	color: #dc143c;
	font-weight: bold;
	text-shadow: 1px 1px 2px #000;
	margin-right: 0.5em;
}



/* 汎用アイテムリスト */

table.wide {
	width: 90%;
	max-width: 38em;
	margin-right: 1em;
	margin-top: 0em;
	margin-bottom: 2em;
}

table.wide td ol
{
	margin-left: 3.5em;
}


/* 汎用アイテムリスト */

table.itemlist {
	width: 90%;
	max-width: 38em;
	margin-right: 1em;
	margin-top: 0em;
	margin-bottom: 0.5em;
}

table.itemlist td.midashi {
	background-color: #b0c4de ;
	line-height: 200%;
	font-size: 80%;
	font-weight: bold;
}

table.itemlist td.submidashi {
	width: 4.5em;
	text-align: center;
	background-color: #e6e6fa ;
	font-weight: normal;
	font-size: 75%;
}

td.mds3 {
	text-align: center;
	background-color: #336699;
	color: #ffffff;
	vertical-align: top;
	 width: 1.5em;
}
td.mds4 {
	text-align: center;
	background-color: #993333;
	color: #ffffff;
	vertical-align: top;
	 width: 1.5em;
}


/* 汎用アイテムリスト */

table.ability {
	width: 90%;
	max-width: 38em;
	margin-right: 1em;
	margin-top: 0em;
	margin-bottom: 0.5em;
}

table.ability td.midashi {
	background-color: #ffb6c1 ;
	line-height: 200%;
	font-size: 80%;
	font-weight: bold;
}

table.ability td.submidashi {
	width: 4.5em;
	text-align: center;
	background-color: #fff5ee ;
	font-weight: normal;
	font-size: 75%;
}

table.support {
	width: 90%;
	max-width: 38em;
	margin-right: 1em;
	margin-top: 0em;
	margin-bottom: 0.5em;
}

table.support td.midashi {
	background-color: #90ee90 ;
	line-height: 200%;
	font-size: 80%;
	font-weight: bold;
}

table.support td.submidashi {
	width: 4.5em;
	text-align: center;
	background-color: #f0fff0 ;
	font-weight: normal;
	font-size: 75%;
}


/* 装備品リスト */

table.equip {
	width: 90%;
	max-width: 38em;
	margin-right: 1em;
	margin-top: 0em;
	margin-bottom: 0.5em;
}

table.equip td.midashi {
	background-color: #b0c4de ;
	background-color: #c0c0c0 ;
	line-height: 200%;
	font-size: 80%;
	font-weight: bold;
}

table.equip td.submidashi {
	width: 4.5em;
	text-align: center;
	background-color: #e6e6fa ;
	background-color: #f5f5f5 ;
	font-weight: normal;
	font-size: 75%;
}

table.equip td.seinou1 {
	width: 4.5em;
	text-align: center;
	background-color: #add8e6;
	background-color: #dcdcdc ;
	font-weight: normal;
	font-size: 75%;
}

table.equip td.seinou2 {
	width: 2.5em;
	text-align: center;
	background-color: #add8e6;
	background-color: #dcdcdc ;
	font-weight: normal;
	font-size: 75%;
}


/* ステータス */

table.tekidata {
	width: 90%;
	max-width: 38em;
	margin-right: 1em;
	margin-top: 0em;
	margin-bottom: 0.5em;
}

table.tekidata td.midashi {
	background-color: #eee8aa  ;
	line-height: 200%;
	font-size: 80%;
	font-weight: bold;
}

table.tekidata td.submidashi {
	width: 4.5em;
	text-align: center;
	background-color: #fff8dc  ;
	font-weight: normal;
	font-size: 75%;
}

table.tekidata td.submidashi {
	width: 3.2em;
	text-align: center;
	background-color: #fff8dc  ;
	font-weight: normal;
	font-size: 75%;
}

table.tekidata td.col_l {
	text-align: left;
	font-weight: normal;
	font-size: 75%;
}

td.taisei
{
	width: 1.2em;
	background-color: #fff;
	text-align: center;
}

td.taisei_n
{
	width: 1.2em;
	background-color: #ccc;
	text-align: center;
}
td.taisei_w
{
	width: 1.2em;
	background-color: #cff;
	text-align: center;
}
td.taisei_y
{
	width: 1.2em;
	background-color: #ccf;
	text-align: center;
}
td.taisei_s
{
	width: 1.2em;
	background-color: #ff6;
	text-align: center;
}
td.taisei_ss
{
	width: 1.2em;
	background-color: #f80;
	text-align: center;
}

td.taisei_m
{
	width: 1.2em;
	background-color: #f99;
	text-align: center;
}
td.taisei_r
{
	width: 1.2em;
	background-color: #c9c;
	text-align: center;
}
td.taisei_d
{
	width: 1.2em;
	background-color: #9f6;
	text-align: center;
}

.tekiskill
{
	color: #000;
	font-weight: bold;
}

.dangerattack
{
	color: #ff0033;
	font-weight: bold;
}

.tekinouryoku
{
	color: #228b22 ;
	margin-left: 1em;
}


/* クエスト */

table.quest {
	width: 90%;
	max-width: 38em;
	margin-right: 1em;
	margin-top: 0em;
	margin-bottom: 2em;
}

table.quest td.midashi {
	background-color: #deb887;
	background-color: #d3d3d3;
	line-height: 200%;
	font-size: 80%;
	font-weight: bold;
}

table.quest td.submidashi {
	width: 4.5em;
	text-align: center;
	background-color: #f5deb3;
	background-color: #f5f5f5;
	font-size: 75%;
}

table.quest td ol {
	list-style-type: decimal;
	margin-left: 2em;
}





/* 仲魔のステータス表 */

.midashiview {
	font-size: 95%;
	line-height: 150%;
	margin: 0em 1em 0em 1em;
	padding: 0.5em;
		border-left: 1px solid #000;
		border-right: 1px solid #000;
		border-top: 1px solid #000;
		border-bottom: 1px none #000;
	background-color: #f0e68c;
}

.seinouview {
	font-size: 95%;
	line-height: 100%;
	margin: 0em 1em 2em 1em;
	padding: 1em 1em 0.5em 0em;
	border: 1px solid #000;
	background-color: #dda;
}

.midashiview h3 {
	font-size: 95%;
}


table.parameter, table.shadow, table.nakama, table.skillkeishou {
	margin-bottom: 1em;
}

table.nakama td.kanzoku {
	width: 5em;
	background-color: #666;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
	color: #fff;
}

table.nakama td.lv {
	width: 2.5em;
	background-color: #666;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
	color: #fff;
}

table.parameter td.hp {
	width: 3em;
	background-color: #666;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
	color: #fff;
}

table.parameter td.lv {
	width: 2.5em;
	background-color: #666;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
	color: #fff;
}

table.parameter td.statusmds {
	width: 2.5em;
	background-color: #666;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
	color: #fff;
}

table.parameter td.submds {
	background-color: #ccc;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
	color: #000;
}


table.zokusei {
	margin-bottom: 1.0em;
}

table.zokusei td.mds {
	width: 1.2em;
	background-color: #666;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
	color: #fff;
}


table.monsterkobetu {
	margin-bottom: 1.0em;
}
table.monsterkobetu td.skillmds {
	background-color: #666;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	color: #fff;
}
table.monsterkobetu td.sozaimds {
	background-color: #666;
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
	color: #fff;
}

table.monsterkobetu td.result {
	width: 5em;
	background-color: #ffe4b5 ;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
	color: #000;
}

table.gousei {
	font-size: 90%;
}

table.gousei td.mds {
	width: 14em;
}


/* 管属色 */

.guren
{
	color:  #cc0033 ;
}

.gehou
{
	color: #9900cc ;
}

.ginhyou
{
	color: #0033ff ;
}

.banriki
{
	color: #993300 ;
}

.raiden
{
	color: #ff9900 ;
}

.gigei
{
	color: #006600 ;
}

.shippuu
{
	color: #339900 ;
}

.seirei
{
	color: #999  ;
}


/* スペース作成 */

.lspace {
	margin-left: 1em;
}

.space {
	margin-bottom: 1em;
}
.halfspace {
	margin-bottom: 0.5em;
}
.wspace {
	margin-bottom: 2em;
}
.gazou
{
	margin-left: 1em;
	margin-right: 1em;
	margin-bottom: 2em;
}
.gazou1
{
	margin-left: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
}
table.last1
{
	margin-bottom: 1em;
}
table.last2
{
	margin-bottom: 2em;
}