/*
	project: happy template
	author: luka cvrk (www.solucija.com)
*/
*{margin:0;padding:0;}:focus,:active {outline:0}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;}a img{border:0} 
body { font: .9em Georgia, "Times New Roman", Arial, Sans-Serif; background: #E8F7FC url(../members/images/bg.jpg) repeat-x; color: #306172; }
a { color: #3A65A8; text-decoration: none; }
h1 { font-size: 2.9em; font-weight: normal; }
h2 { float: left; text-transform: lowercase; clear: both; font-size: 2.4em; margin: 0 0 20px; font-weight: normal; color: #CB6F9C; background: url(../members/images/h2bg.jpg) repeat-x bottom; }
p  { clear: both; margin: 5px 0 15px; line-height: 1.7em; }
.clear { clear: both; }

.wrap { margin: 0 auto; width: 900px; }
#logo { float: left; margin: 40px 0 0; }
#menu { text-transform: lowercase; float: right; height: 120px; padding: 73px 0 0 98px; width: 475px; background: url(../members/images/white_bubbles.jpg) no-repeat top right; }
	#menu li { display: inline; }
		#menu li a { float: left; padding: 3px 6px; margin: 0 20px 0 0; font-weight: bold; color: #B25281;  }
		#menu li a:hover, #menu li a.current { background: #EDD3E0; }

#text { clear: both; margin: 0 0 40px; }

#green_bubble { padding: 30px 0 68px 280px; height: 30px; background: url(../members/images/green_bubbles.jpg) no-repeat center left; }
	#green_bubble a { color: #34AE61; font-weight: bold; margin: 0 30px 0 0; }

#footer { padding: 85px 0 5px 0; background: #FF99CB url(../members/images/bottom.jpg) repeat-x; }
	#copyright { float: left; margin: 80px 0 0; color: #9D436F; font-size: .8em; }
		#copyright p { margin: 0 0 5px; }
		#copyright a { color: #60183B; }
	#bubble { float: right;  font-size: .9em; font-weight: bold; color: #D46FA0; background: url(../members/images/pink_bubbles.jpg) no-repeat; width: 220px; height: 145px; padding: 52px 30px 0 150px; text-align: right; }
	/*Worksページ
---------------------------------------------------------------------------*/
/*ボックス１個あたりの設定*/
#main .list {
	width: 16%;		/*幅*/
	float: left;	/*左に回り込み*/
	text-align: center;	/*ボックス内をセンタリング*/
	margin-left: 3%;	/*ボックスの外（左）にあけるスペース*/
	margin-bottom: 20px;	/*ボックスの外（下）にあけるスペース*/
}
/*ボックス内の画像*/
#main .list figure img {
	border-radius: 200px;	/*角丸のサイズ。適当に大きめに設定しておけばOK。*/
	width: 100%;		/*幅*/
}
/*ボックス内のh3タグ*/
#main .list h3 {
	font-weight: normal;	/*hタグのデフォルトの太字を標準に*/
	font-size: 11px;		/*文字サイズ*/
	padding: 0px 10px;		/*上下・左右への余白*/
}