@charset "utf-8";

/* 基本スタイル in English
---------------------------------------------*/
* {margin: 0; padding: 0; font-size: 100%; }
html {height:100%; }
body {font-size: 100%; font-family: Ubuntu, Verdana, Arial, Helvetica, Meiryo, sans-serif; line-height: 1.4; color: #000000; text-align: center; }
ul {padding: 0; }
p {line-height: 1.4; margin: 10px; padding: 0; text-indent: 0; }
img {border: 0; }

a, a:visited {text-decoration: none; }
a:hover, a:active {text-decoration: none; }
a.uline {text-decoration: underline; }

div.section {clear: both; margin: 0; padding-bottom: 15px; }

/* 透過PNG の IE6対応
------------------------------ */
img, div { behavior:url(iepngfix.htc) }


/* フッター
---------------------------------------------*/
#footer {clear:both; width: 900px; margin: 0; text-align: center; background: transparent; }


/* for index.html
---------------------------------------------*/
body#home {
	background-color:white;
	width:100%;
	}

#loading{
	display:none;
	position:absolute;
	z-index: 10000;
	left:50%;
	top:20%;
	margin-left:-130px;

}

#content{
	margin:0;
	padding:0;
	width:1000px;
	height:1000px;
	display: block;
	margin:0 auto ;
	font-weight: 400;
	background-color:white;
	color:#990;
	position:relative;
}

a, a:visited{
	color: #09c100;
}

a:hover{
	color:#ff6600;
	/*font-size: 115%;*/
}


ul, li{
	list-style-type: none;
	list-style: none;
	}
	
#content #udtitle_u{
	position:absolute;
	background: url('/new/images/uruma.png') no-repeat;
	width: 235px;
	height: 230px;
	left:354px;
	top:37px;
	background-size:cover;
}
#content #udtitle_d{
	position:absolute;
	background: url('/new/images/delvi.png') no-repeat;
	width: 235px;
	height: 240px;
	left:600px;
	top:23px;
	background-size:cover;
}

/* UD & Title */
#content #udtitle_l{
	position:absolute;
	background: url('/new/images/logo-e.png') no-repeat;
	width: 394px;
	height: 69px;
	left:412px;
	top:280px;
	font-size:18px;
	padding-top:70px;
	color: #168ed9;
	line-height: 1.7;
}
#content #udtitle_l a{
	padding:3px 10px;
	background-color:#77FF77;
	font-size:20px;
	font-weight:bolder;
}

/* Circle 1 - Headline */
#content #circle1{
	position:absolute;
	background-color: yellow;
	border-radius: 50%;
	width: 276px;
	height: 276px;
	left:80px;
	top:320px;	
}
#content #circle1 #box1{
	margin-top:55px;
	font-weight:bolder;
	}
#content #circle1 #box1 .pe{
	line-height:1.4;
	font-size:32px;
	}	
#content #circle1 #box1 .pj{
	line-height:1.5;
	font-size:30px;
	}

/* Circle 2 = subline */
#content #circle2{
	position:absolute;
	color:#006bff;
	background-color: yellow;
	border-radius: 50%;
	width: 156px;
	height: 156px;
	left:66px;
	top:540px;
	font-size:22px;
}
#content #circle2 #box{
	margin-top:38px;
	line-height:130%;
	font-weight:bold;
	}
#content #circle2 #box .pe{
	line-height:1.1;
	font-size:20px;
	}	
#content #circle2 #box .pj{
	line-height:1.1;
	font-size:20px;
	}
	
/* Circle 3 = Thumbnail */
#content #circle3{
	position:absolute;
	background-image: url('https://urumadelvi.com/new/images/yellowtext.png');
	background-position: center center;
	border-radius: 100%;
	width: 387px;
	height: 395px;
	left:406px;
	top:500px;
 	background-size:cover; /*全体を見せたいときは 'contain' */
}

#content #box3{
   position: relative;
	font-size:26px;
	font-weight:bold;
	line-height:170%;
	color:white;
  	font-weight:bold;
 	text-shadow:3px 3px 5px black,-3px 3px 5px black,3px -3px 5px black,-3px -3px 5px black;
 	vertical-align:middle;
  	padding-top:115px;
}

/* News*/
#content #news{
	line-height:1.1;
	font-size:14px;
	position:relative;
	top:400px;
	left:430px;
	width:340px;

	text-align: center;
	}
	#content #news ul li a{
	display:block;
	background-color:yellow;
	padding:10px;
	margin-bottom:6px;
	color: #09c100;
	font-weight: bold;
	font-size:16px;
	background-position: center center;
	border-radius: 20px;
	}	
	
/* Stamp */
#content #ud_stamp{
	position:absolute;
	background: url('https://urumadelvi.com/new/images/stamp.png') no-repeat center;
	width:300px;
	left:30px;
	top:660px;
	font-size:12px;
	color:#fa3600;
	padding-top:160px;
	line-height: 1.2;
}

#content #ud_stamp p{
	color:#444;
	}

/* under 480px screen */
@media screen and (max-width: 480px){
body {font-size: 100%; font-family: Ubuntu, Verdana, Arial, Helvetica, Meiryo, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',  sans-serif; line-height: 1.4; color: #000000; text-align: center; 
	margin-top:-40px;
	
}

	#content{width:480px;}
	#circle2, #circle1, #circle3{
			position:static;
			margin-top:150px;
		}
	#circle3{
		display: none;
	}
	#content #udtitle_u{
		transform: scale(0.7);
		left:0px;
		top:15px;
	}
	#content #udtitle_d{
		transform: scale(0.68);
		left:170px;
		top:3px;
	}
	#content #udtitle_l{
		transform: scale(0.7);
		left:10px;
		top:210px;
	}
	#content #news{
		top:310px;
		left:36px;
		}
	#content #news	ul{
	width:420px;
	}
	#content #news ul li a{
		margin-bottom:6px;
		padding:10px;
		width:320px;
		}
	
	#content #circle1{
		border-radius: 50%;
		width: 207px;
		height: 207px;
		left:44px;
		top:258px;	
	}
	#content #circle1 #box1{
		margin-top:38px;
		font-weight:bolder;
		}
	#content #circle1 #box1 .pe{
		line-height:1.4;
		font-size:24px;
		font-weight: bold;
		}	
	#content #circle1 #box1 .pj{
		line-height:1.35;
		font-size:26px;
		font-weight:bold;
		}
	
	#content #circle2{
		position:absolute;
		color:#006bff;
		background-color: yellow;
		border-radius: 50%;
		width: 140px;
		height: 140px;
		left:230px;
		top:358px;
	}
	#content #circle2 #box{
		margin-top:30px;
		font-weight:bold;
		}
	#content #circle2 #box .pe{
		line-height:1.15;
		font-size:18px;
		}	
	#content #circle2 #box .pj{
		line-height:1.1;
		font-size:18px;
		}
	
		#content #ud_stamp{
			position:relative;
			width:300px;
			left:-20px;
			top:520px;
			font-size:10px;
			color:#fa3600;
			padding-top:160px;
			line-height: 1.2;
		}
}