@charset "UTF-8";


/* -----------------------------------------------
CSS INFO


 File name:      common.css
 Site name:		 miil
 Author:         Kazu [Minimal Design]
 Style Info:     各htmlリセット設定＆共通設定
 last update:    2012.07.25


0.YUI Fonts CSS - version:3.0.0
1.reset
2.default
3.Link Color
4.Layout
5.header
6.container
7.footer


----------------------------------------------- */




/* ====================================================================================================

	0.YUI Fonts CSS

======================================================================================================= */

body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
}
select,
input,
button,
textarea {
	font:99% arial,helvetica,clean,sans-serif;
}
table {
	font-size:inherit;
	font:100%;
}
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}
/*
Setting the font size
	77% = 10px	|	123.1% = 16px	|	167% = 22px	
	85% = 11px	|	131%   = 17px	|	174% = 23px 
	93% = 12px	|	138.5% = 18px	|	182% = 24px 
	100% = 13px	|	146.5% = 19px	|	189% = 25px 
	108% = 14px	|	153.9% = 20px	|	197% = 26px 
	116% = 15px	|	161.6% = 21px	| 
*/

/* ====================================================================================================

	1.reset

======================================================================================================= */
body,
div,
h1, h2, h3, h4, h5, h6,
dl, dt, dd,
ul, ol, li,
brockquote, pre, input, textarea, address,
form, fieldset, legend, object, 
table, caption, th, td,
a, p, img,
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section {
	margin:0;
	padding:0;
}

body {
	background:url(../../images/photos/individual/bg/bg_body.jpg) repeat-x 0 0 #FFFFFF;
	font-family:Helvetica,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック","MS PGothic",sans-serif;
	text-align:center;
	color:#333;
}

h1, h2, h3, h4, h5, h6,
pre, table, code, acronym, input, textarea {
	font-size:100%;
	font-weight:normal;
}

fieldset,
img {
	border:0;
}

address, em, cite, dfn, var {
	font-style:normal;
}

.clr {
	clear:both;
	font: 1px/1px monospace;
	display: block;
}


article, aside, dialog, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}



/* ====================================================================================================

	2.default

======================================================================================================= */
p {
	line-height:150%;
	margin:0 0 1em 0;
}

ul li {
	list-style-position:outside;
	list-style-type:none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}


a {
	text-decoration:none;
	outline:none;
	border:none;
}



/* ====================================================================================================

	3.Link Color

======================================================================================================= */
a:link,
a:visited {
	color:#FF6666;
	-webkit-transition-property:color;
    -webkit-transition-duration:0.5s;
    -webkit-transition-timing-function:ease-out;
	-moz-transition-property:color;
    -moz-transition-duration:0.5s;
    -moz-transition-timing-function:ease-out;
}

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







/* ====================================================================================================

	4.Layout

======================================================================================================= */
#wrapper {
	width:940px;
	height:auto;
	font-size:14px;
	text-align:left;
	margin:0 auto;
}

header {
	width:auto;
	height:44px;
	background:url(../../images/photos/individual/bg/bg_totte.png) no-repeat center bottom;
	padding:10px 0 68px 0;
}

#container {
	width:913px;
	height:608px;
	background:url(../../images/photos/individual/bg/bg_content.png) no-repeat 0 0;
	position:relative;
	margin:0 auto;
}

footer {
	width:auto;
	height:auto;
	padding:40px 0 20px 0;
}







/* ============================================================================================

	5.header

============================================================================================ */
header h1 {
	width:97px;
	height:0;
	background:url(../../images/photos/individual/logo.png) no-repeat 0 0;
	overflow:hidden;
	padding-top:32px;
	margin:0 auto;
}

header ul {
	display:none;
}




/* ============================================================================================

	6.container

============================================================================================ */
#container h2 {
	width:480px;
	height:480px;
	position:absolute;
	top:50px;
	left:17px;
}

#container h2 img {
	width:480px;
	height:480px;
	position:absolute;
	top:0;
	left:0;
}

#container h3 {
	width:480px;
	font-size:26px;
	position:absolute;
	top:535px;
	left:17px;
}

p.catTxt {
	width:auto;
	background:url(../../images/photos/individual/bg/bg_cat01.png) no-repeat 0 0;
	color:#FFF;
	position:absolute;
	top:568px;
	left:17px;
	padding-left:6px;
}

p.catTxt span {
	width:auto;
	background:url(../../images/photos/individual/bg/bg_cat02.png) no-repeat right top;
	display:block;
	padding-right:6px;
}




#container ul {
	width:150px;
	height:auto;
	position:absolute;
	top:0;
	left:750px;
}

#container ul li {
	margin-bottom:7px;
}

.appleBtn a,
.googleBtn a {
	width:150px;
	height:0;
	background:url(../../images/photos/individual/dl/btn_dl.png) no-repeat;
	display:block;
	overflow:hidden;
	padding-top:50px;
}

.appleBtn a {
	background-position:0 0;
}
.googleBtn a {
	background-position:-150px 0;
}

.appleBtn a:hover,
.googleBtn a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
}


#container h4 {
	width:366px;
	height:166px;
	position:absolute;
	top:140px;
	left:547px;
}



#container dl {
	width:340px;
	height:auto;
	position:absolute;
	top:355px;
	left:565px;
}

#container dt {
	width:auto;
	font-size:28px;
}

#container dt img {
	vertical-align:middle;
	margin-right:10px;
}

#container dd {
	width:auto;
	font-size:16px;
	padding-top:30px;
}



#container .androidBnrArea {
	display:none;
}





/* ============================================================================================

	7.footer

============================================================================================ */
footer ul {
	width:auto;
	height:50px;
	clear:both;
	padding:0 0 40px 310px;
}

footer ul.snsBtnArea {
	padding-left:360px;
}

footer li {
	float:left;
	padding:0 0 0 10px;
}


footer p {
	width:auto;
	background:url(../../images/photos/individual/ico_frogapps.png) no-repeat 0 0;
	font-size:12px;
	font-weight:bold;
	padding:0 0 0 25px;
	margin-left:310px;
}


footer .androidBnrArea {
	width:100%;
	height:60px;
	clear:both;
	text-align:center;
	margin-bottom:40px;
}