@charset "UTF-8";

/* 全てのページに適用 */
body {
	font-family: Verdana, 游ゴシック, メイリオ, sans-serif;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.illust-600 img {
	width: 100%;
	height: auto;
}

.illust-650 img {
	width: 100%;
	height: auto;
}

.illust-720 img {
	width: 100%;
	height: auto;
	padding-top: 5px;
	padding-bottom: 5px;
}

.illust-900 img {
	width: 100%;
	height: auto;
}

.illust-1000 img {
	width: 100%;
	height: auto;
}
.illust-1200 img {
	width: 100%;
	height: auto;
}

.illust-1400 img {
	width: 100%;
	height: auto;
}

.sample {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 720px;
}

/*背景白ページ用の見出し*/
H1{
	color: gray;
	border-bottom-width: 1px;
	border-bottom-color: black;
	border-bottom-style: dashed;
	font-weight: lighter;
	font-size: 26px;
}

/*背景黒ページ用の見出し*/
H2{
	color: gray;
	border-bottom-width: 1px;
	border-bottom-color: gray;
	border-bottom-style: dashed;
	font-weight: lighter;
	font-size: 26px;
}
/*UGRストーリータイトル用見出し*/
H5{
	font-size: 14px;
	font-weight: bold;
	color: gray;
	padding-top: 3px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
/*UGRストーリータイトル日付用見出し*/
H6{
	color: gray;
	padding-top: 3px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 12px;
	font-weight: normal;
}

P{
       line-height: 1.4rem;
	letter-spacing: 0.8pt;
	font-size: 0.94rem;
}
a:link{
	color: gray;
}
a:visited{
	color: gray;
}
.toppage-logo{
	margin-left: auto;
	margin-right: auto;
	width: 200px;
	padding-top: 20px;
}
.border{
	margin-top: 20px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: black;
	margin-bottom: 60px;
}

/* 背景黒ページ用の破線*/
.border-gray{
	margin-top: 20px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: gray;
	margin-bottom: 20px;
}


#footer{
	text-align: center;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: black;
	color: gray;
	margin-top: 20px;
}
#footer-black{
	text-align: center;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: gray;
	color: gray;
	margin-top: 20px;
}

/*UGRストーリー内のボックスを横に並べる設定*/
.story-box{
       overflow: hidden
}
.storyicon{
	float: left;
	padding-bottom: 5px;
}

.storytitle{
	font-weight: bold;
	color: gray;
	float: left;
	padding-left: 20px;
	padding-top: 0px;
	margin-top: 0px;
}
/*タイトルセンター表示用*/
.center{
	text-align: center;
	margin-top: 10px;
}
.border-ugrpage{
	margin-top: 10px;
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: gray;
	text-align: right;
	padding-right: 10px;
}

/*メニュー縦並び*/
.menu ul {
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	list-style-type: none;
}
.menu li a {
	display: block;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 3px;
	color: gray;
	font-size: 14px;
}

/* ###################### 600以上 ####################### */
@media (min-width: 600px){
.illust-600{
	margin-left: auto;
	margin-right: auto;
	width: 600px;
}

}


/* ###################### 650以上 ####################### */
@media (min-width: 650px){
/*横幅を固定*/
/*トップイラスト*/
.illust-650{
	margin-left: auto;
	margin-right: auto;
	width: 650px;
}

}



/* ###################### 720以上 ####################### */
@media (min-width: 720px){

/*横幅を固定*/
/*トップページ*/
.profile,.gallery,.gallery-box,.profile-box,.comic,.comic-box,.story-box,.border,.border-gray,#footer{
	margin-left: auto;
	margin-right: auto;
	width: 720px;
}
.illust-720{
	margin-left: auto;
	margin-right: auto;
	width: 720px;
}

.gallery-icon {
	
	padding-left: 10px;
	
	padding-top: 10px;
	
}



/*profile内のボックスを横に並べる設定*/
.profile-box {overflow: hidden}
.profile-1 {
	
	float: left;
	
	width: 50%;
	
	text-align: center;
	
	padding-top: 40px;
	
}
.profile-2 {
	
	float: left;
	
	width: 50%;
	
	padding-left: 20px;
	
	border-left-width: 1px;
	
	border-left-style: solid;
	
	border-left-color: black;
       -moz-box-sizing: border-box;
       -webkit-box-siziing: border-box;
       box-sizing: border-box;
}
/*comic内のボックスを横に並べる設定*/
.comic-box {overflow: hidden}
.comic-1 {
	
	float: left;
	
	width: 50%;
	
	text-align: center;
	
	padding-top: 0px;
	
}
.comic-2 {
	
	float: left;
	
	width: 50%;
	
	padding-left: 20px;
	
	border-left-width: 1px;
	
	border-left-style: solid;
	
	border-left-color: black;
	
	-moz-box-sizing: border-box;
	
	-webkit-box-siziing: border-box;
	
	box-sizing: border-box;
	
	height: 150px;	
}
/*メニューを横に並べる設定*/
.menu ul {overflow: hidden}
.menu li {float: left;
          width:auto}
}
/* ###################### 900以上 ####################### */
@media (min-width: 900px){
/*900以上のイラスト横幅固定*/
.illust-900{
	margin-left: auto;
	margin-right: auto;
	width: 900px;
}
}


/* ###################### 1000以上 ####################### */
@media (min-width: 1000px){
/*1000以上のイラスト横幅固定*/
.illust-1000{
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
}
}

/* ###################### 1200以上 ####################### */
@media (min-width: 1200px){
/*1200以上のイラスト横幅固定*/
.illust-1200{
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
}
}



/* ###################### 1400以上 ####################### */
@media (min-width: 1400px){
/*1400以上のイラスト横幅固定*/
.illust-1400{
	margin-left: auto;
	margin-right: auto;
	width: 1400px;
}
}