@charset "utf-8";

/*
	SITE: ○○○
	url: http://www.○○○
	
-----------------------------------------------------------

	Index
	1.reset(YUI),font
	2.link
	3.page
	4.header
	5.main
	6.footer
	7.clear

----------------------------------------------------------- 


 1.reset [
----------------------------------------------------------- */
/*

Copyright (c) 2007, Yahoo! Inc. All rights reserved.

Code licensed under the BSD License:

http://developer.yahoo.net/yui/license.txt

version: 2.2.2

*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{margin:0;padding:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}

ol,ul {list-style:none;}

caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

q:before,q:after{content:'';}

abbr,acronym {border:0;}

body * {}

/* --------------------------------------------------------- */
body {
  font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"MS PGothic",Sans-Serif;
  font-size: 12px;
}
img {vertical-align: bottom;}



/*
 2.link [
----------------------------------------------------------- */

a:link			 {color:#F44FA6;text-decoration:none;}
a:visited		 {color:#F44FA6;text-decoration:none;}
a:active		 {color:#F44FA6;text-decoration:none;}
a:hover			 {color:#F44FA6;text-decoration:underline;}

div#header a:link		{}
div#header a:visited	{}
div#header a:active		{}
div#header a:hover		{}

div#footer a:link		{color:white;}
div#footer a:visited	{color:white;}
div#footer a:active	 	{color:white;}
div#footer a:hover	 	{color:white;}
 
/*
 3.page [
----------------------------------------------------------- */
div#page {
	width:900px; margin:0 auto;
}


/*
 4.header [
----------------------------------------------------------- */
div#header {
	position:relative; 
}
div#header div.h1_head {background:#EEE;}
div#header h1 {width:900px;margin:0 auto;}
div#header div.headerimg {width:900px;margin:0 auto;}
div#header div.headerimg img {position:relative;z-index:0;}
div#header div.headerimg a {display:block;width:150px;height:38px;margin:-38px 0 0 492px;position:relative;z-index:1;line-height:38px;background:#ccc;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}

/* g_navi */
div#gnavi {position:relative;height:42px;background:url(../img/gnavi_bg.jpg) repeat-x;}
ul#g_navi {width:900px;height:42px;margin:0 auto;}
ul#g_navi li {display:inline;}


/*
 5.main [
----------------------------------------------------------- */
div#main {
	position:relative; 
	width:100%;
	padding-bottom:20px;
}

div#box_contents {
	float:right;
	width:660px;
	margin:15px 0 0;
}
div#box_side {
	float:left;
	width:228px;
	margin:15px 0 0;
}

div#side_contact {
	width:220px;height:125px;
	background:url(../img/side_contact_back.jpg) no-repeat;
	margin-bottom:5px;
}
div#side_contact p {position:relative;top:35px;left:8px;}

p.side_fav {margin:10px 0;}

div#side_contant {
	width:228px;height:407px;
	background:url(../img/sidebar/side_content_back.jpg) no-repeat;
}
div#side_contant div#blog {
	position:relative;
	width:200px;
	height:240px;
	top:160px;
	left:10px;
	overflow:auto;
}
div#side_contant div#blog p {width:180px;line-height:1.4em;margin-bottom:5px;}

div#side_contant div#blog ul li {font-size:95%;line-height:1.4em;border-bottom:1px dotted #ccc;margin:0 0 5px 0;padding:0 0 5px 0;}

div#side_contant div#blog ul li.lastChild {border-bottom:none;}

div#side_contant div#blog ul li a {font-size:12px;font-weight:bold;}


/*
 6.footer [
----------------------------------------------------------- */
div#footer {
  background: url("../img/footer_bg.jpg") repeat scroll 0 0 transparent;
  position: relative;
  width: 900px;
}

ul.f_navi {padding:0px 20px;float:left;margin:10px 0;}
ul.f_navi li {list-style:url(../img/icon_pink.jpg) inside;line-height:1em;margin:0 0 10px 0;}
ul.f_navi li.lastChild {margin:0 0 0 0;}

ul.f_navi02 {padding:0px 20px;float:left;margin:10px 0;}
ul.f_navi02 li {list-style:url(../img/icon_orange.jpg) inside;line-height:1em;margin:0 0 10px 0;}
ul.f_navi02 li.lastChild {margin:0 0 0 0;}

ul.f_navi02.border {border-left:1px solid #fff;}

/*
 7.clear [
----------------------------------------------------------- */
.z:after{
content: ".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
/* Hides from IE-mac \*/
* html .z{height: 1%;}
*+html .z{height: 1%;}
/* End hide from IE-mac */

.clear{clear:both;}