@charset "utf-8";

html {
	overflow-y:scroll;
}

body {
	background-color:#eee;
	color:#555;
	font-size:12px;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",Osaka,Helvetica,sans-serif;
	line-height:1.5;
	-webkit-text-size-adjust:none;
}

a:link    {color:#36f;}
a:visited {color:#a8c;}
a:hover   {color:#f66;text-decoration:none;}
a:active  {color:#f00;text-decoration:none;}

.contents {
	width:710px;
	margin:0 auto;
	padding:0 5px;
	background-color:#fff;
}

/* ヘッダ */
header {
	margin:15px auto 10px;
	padding:0 0 1px 105px;
	background:0 0 no-repeat;
	border-bottom:1px solid #900;
	line-height:1em;
	text-align:left;
}
.new      header {background-image:url("/_img/header/new.gif");}
.profile  header {background-image:url("/_img/header/profile.gif");}
.gallery  header {background-image:url("/_img/header/gallery.gif");}
.download header {background-image:url("/_img/header/download.gif");}
.dic      header {background-image:url("/_img/header/dic.gif");}
.report   header {background-image:url("/_img/header/report.gif");}
.chrono   header {background-image:url("/_img/header/chrono.gif");}

header h1 {
	display:none;
}
header p {
	padding:5px 0 0;
}
/* 更新履歴過去ページ */
.history header {
	padding-left:0;
}
.history header h1 {
	display:block;
}

/* ナビゲーション */
.g_nav {
	margin:40px auto 10px;
	padding:7px 0 3px;
	background-color:#900;
	border-radius:5px;
	text-align:center;
}
nav .g_nav {
	margin:0 auto;
	border-radius:0 0 5px 5px;
}
.home .g_nav {
	margin-top:1px;
	padding:5px 0;
}
.g_nav li {
	display:inline-block;
	padding:2px 15px;
	border-left:1px solid #b66;
	line-height:1;
}
* html             .g_nav li {display:inline;}/* Hack for IE6 */
*:first-child+html .g_nav li {display:inline;}/* Hack for IE7 */

.g_nav li:first-child {
	border-left:none;
}
.g_nav li a:link    {color:#edc;text-decoration:none;}
.g_nav li a:visited {color:#edc;text-decoration:none;}
.g_nav li a:hover   {color:#fff;text-decoration:underline;}
.g_nav li a:active  {color:#fff;text-decoration:underline;}

.g_nav li span {
	color:#fd0;
}

/* このページの一番上へ */
.go_to_top {
	clear:both;
	margin:20px auto 0;
	border-top:1px solid #900;
	text-align:right;
}
.go_to_top a {
	display:inline-block;
	overflow:hidden;
	width:93px;
	height:14px;
	background:url("/_img/gotop.gif") 0 0 no-repeat;
	text-align:left;
	text-indent:-9999px;
}

/* フッタ */
.copyright {
	padding:0 0 5px;
	color:#999;
	text-align:center;
}



/* HOME
-------------------------------------------------- */
.home .main_image {
	position:relative;
	width:710px;
	height:269px;
	margin:0 auto;
}
.home .main_image h1 {
	position:absolute;
	bottom:0;
	right:0;
	width:172px;
	height:40px;
	background:url("/_img/home/logo.png") 0 0 no-repeat;
	text-indent:-9999px;
}
* html .home .main_image h1 {/* Hack for IE6 */
	margin-bottom:-1px;
	background-image:url("/_img/home/logo.gif");
}

.home .welcome {
	padding:20px 0 30px;
	text-align:center;
}

/* NEW
-------------------------------------------------- */
.new     .record ,
.history .record {
	padding:0 0 20px;
}
.new     .record h2 ,
.history .record h2 {
	padding:0 20px 5px;
	font-weight:bold;
	font-size:1.2em;
}
.new     .record p ,
.history .record p {
	margin:0 30px;
	padding:0 0 5px;
	line-height:1.5;
	text-indent:1em;
}
.new     .past ,
.history .past {
	padding:10px 0 0;
	border:1px solid #ccc;
	border-width:1px 0 0;
	text-align:center;
}
.new     .past h2 ,
.history .past h2 {
	font-size:1.1em;
}
.new     .past a ,
.history .past a {
	display:inline-block;
	margin:0 5px;
}
.history .note {
	padding:20px 0 0;
	text-align:center;
}

/* PROFILE
-------------------------------------------------- */
.profile .portrait {
	padding:10px 0 20px;
	border-bottom:1px solid #900;
	text-align:center;
}
.profile .portrait .front ,
.profile .portrait .side {
	display:inline-block;
	margin:0 50px;
}
.profile .data {
	width:710px;
	margin:20px 0 0;
}
.profile .data th{
	vertical-align:top;
	width:230px;
	text-align:right;
	font-weight:bold;
}
.profile .data td{
	width:470px;
	text-align:left;
	padding-bottom:8px;
	padding-left:10px;
}
.profile .derivation {
	padding:20px 0 30px;
	text-align:center;
}

/* GALLERY
-------------------------------------------------- */
.gallery .contents {
	text-align:center;
}
.gallery .category {
	display:inline-block;
	vertical-align:top;
	width:166px;
	margin:0 7px 0;
}
* html             .gallery .category {display:inline;}/* Hack for IE6 */
*:first-child+html .gallery .category {display:inline;}/* Hack for IE7 */

.gallery .category_gundam {
	width:332px;
}
.gallery .category_name {
	color:#900;
	font-size:1.5em;
}
.gallery .thumbs {
	text-align:left;
}
.gallery .thumbs li {
	display:inline-block;
	margin:0 2px 4px;
}
* html             .gallery .thumbs li {display:inline;}/* Hack for IE6 */
*:first-child+html .gallery .thumbs li {display:inline;}/* Hack for IE7 */

.gallery .thumbs li a img {
	display:inline-block;
	border:1px solid #ddd;

	-webkit-transition-duration:0.3s;
	-moz-transition-duration:0.3s;
	-ms-transition-duration:0.3s;
	transition-duration:0.3s;
}
.gallery .thumbs li a:hover img {
	border-color:#c33;
	filter: alpha(opacity=50);
	opacity:0.5;
}

/* GALLERY VIEW
-------------------------------------------------- */
.gallery_view {
	background-color:#fff;
	text-align:center;
}
.gallery_view .contents {
	width:auto;
	text-align:left;
}
.gallery_view .contents img {
	display:block;
	margin:10px auto 20px;
}
.gallery_view img.nenga0602 ,
.gallery_view img.nenga0502 ,
.gallery_view img.nenga0403 ,
.gallery_view img.nenga0402 ,
.gallery_view img.summer401 ,
.gallery_view img.possozai ,
.gallery_view img.nenga0301 ,
.gallery_view img.z_poster1 ,
.gallery_view img.nenga0103 ,
.gallery_view img.nenga0102 ,
.gallery_view img.turn_a ,
.gallery_view img.copen01w ,
.gallery_view img.nenga0501 ,
.gallery_view img.nenga0401 ,
.gallery_view img.rr01a ,
.gallery_view img.nenga0201 ,
.gallery_view img.nenga0101 {
	border:1px solid #ccc;
}

.gallery_view .contents p {
	width:600px;
	margin:10px auto;
	text-indent:1em;
}

.gallery_view .return {
	display:block;
	overflow:hidden;
	width:600px;
	height:15px;
	margin:20px auto 10px;
	background:url("/_img/return.gif") 0 50% no-repeat #900;
	text-indent:-9999px;
}

/* DOWNLOAD
-------------------------------------------------- */
.download .item {
	padding:20px 0 10px;
	text-align:center;
}
.download .item h2 {
	margin:0 0 10px;
	color:#900;
	font-weight:bold;
	font-size:1.2em;
}
.download .item h3 {
	font-size:1.2em;
}
.download .item li {
	margin:15px 0;
}
.download .end_item {
	padding:10px 30px 10px;
}
.download .end_item h2 {
	margin:0 0 5px;
	font-weight:bold;
	font-size:1.2em;
}
.download .end_item li {
	margin:5px 0 5px 20px;
	list-style-type:disc;
}

/* DICTIONARY
-------------------------------------------------- */
.dic .lead {
	padding:5px 10px 20px;
}

.dic .mark_new ,
.dic .mark_renewal ,
.dic .mark_pera {
	display:inline-block;
	overflow:hidden;
	vertical-align:middle;
	width:80px;
	height:12px;
	background:0 0 no-repeat;
	text-indent:-9999px;
}
.dic .mark_new     {background-image:url(/_img/dic/new.gif);}
.dic .mark_renewal {background-image:url(/_img/dic/renewal.gif);}
.dic .mark_pera    {background-image:url(/_img/dic/pera.gif);}

.dic .mark {
	width:510px;
	margin:0 auto;
}

.dic .group {
	margin:20px 5px;
	border:1px solid #888;
	border-radius:3px;
	box-shadow:0 2px 2px #eee;
}
.dic .group h2 {
	padding:4px 8px 2px;
	background-color:#888;
	color:#fff;
	font-weight:bold;
	font-size:1.2em;
	line-height:1.2;
}
.dic .group .word {
	padding:2px 8px 0;
	border-top:1px solid #888;
}
.dic .example .word {
	border:none;
}
.dic .group .word .word_header {
	padding:6px 4px 1px;
	border-bottom:1px solid #999;
}
.dic .group .word .word_header h3 {
	display:inline-block;
	width:340px;
	color:#900;
	font-weight:bold;
	font-size:1.2em;
	line-height:1.1;
}
.dic .group .renewal .word_header h3 {
	padding-right:75px;
	background:url("/_img/dic/renewal.gif") 100% 50% no-repeat;
}
.dic .group .word .word_header h3 span {
	color:#555;
	font-weight:normal;
	font-size:0.8em;
}
.dic .group .word .word_header .category ,
.dic .group .word .word_header .time {
	display:inline-block;
	padding:3px 0 0 8px;
	border-left:1px solid #999;
	line-height:1;
}
.dic .group .word .word_header .category {
	width:120px;
}
.dic .group .word .explanation {
	padding:10px 20px;
}
.dic .group .word .explanation p {
	text-indent:1em;
}
.dic .example .word .explanation p {
	padding:5px 0;
	text-indent:0;
	text-align:center;
}
.dic .group .word .explanation .pera {
	margin:15px 0 0;
	padding:15px 0 0;
	background:url("/_img/dic/pera.gif") 0 0 no-repeat;
}

.dic .move {
	width:420px;
	margin:40px auto;
	border:1px solid #ccc;
	border-width:1px 0;
	text-align:center;
}
.dic .move a {
	display:inline-block;
	margin:0 30px;
}

/* REPORT
-------------------------------------------------- */
.report article {
	padding:20px 0 0;
}
.report .data {
	float:left;
	width:200px;
	text-align:center;
}
.report .data h2 {
	margin:10px 0;
	color:#900;
	font-weight:bold;
	font-size:1.2em;
}
.report .body {
	float:left;
	width:500px;
}
.report .body p {
	margin-bottom:10px;
	text-indent:1em;
}
.report .time {
	clear:both;
	margin:0 20px;
	text-align:right;
	letter-spacing:1px;
}

/* CHRONO
-------------------------------------------------- */
.chrono .chrono_table {
	margin:20px auto;
	border-collapse:separate;
	border-spacing:4px;
}
.chrono .chrono_table td {
	vertical-align:top;
}
.chrono .chrono_table .year {
	width:60px;
	text-align:right;
}
.chrono .chrono_table .month {
	width:18px;
	text-align:right;
}
.chrono .chrono_table .period {
	width:8px;
	background-color:#ccc;
	font-size:1px;
	line-height:14px;
}
.chrono .chrono_table .blank {
	background-color:transparent;
}
.chrono .note {
	text-align:center;
}
.chrono .note p {
	padding:0.5em 0;
}

/* ERROR
-------------------------------------------------- */
.error_page h1 {
	padding:20px;
	background-color:#900;
	border-radius:0 0 5px 5px;
	color:#fff;
	font-weight:bold;
	font-size:1.5em;
}
.error_page .contents p {
	padding:50px 30px 10px;
	font-size:1.2em;
}
.error_page .if {
	padding:10px 80px 20px;
	list-style-type:disc;
}
.error_page .if li {
	margin:10px 0;
	font-size:1.2em;
}