@charset "UTF-8";

/*
Theme Name: Shinkon Seikatsu
Theme URI: 
Description: 新婚生活
Author: 
Author URI: 
Tags: 
Version: 1.0
License: Creator's NEXT　http://www.cnxt.jp/

*/


/********************

01.common

********************/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
	}


dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6, p,img,div {
	_text-align:left;
	font-size:12px;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

body { 
	font-size: 12px;
	line-height: 150%;
	color: #333333;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

img {	border:none; }

ul, dl { list-style-type: none; }

a { text-decoration:underline; color:#F84674; }
a:hover { text-decoration:none; color:#EE8E9F; }

/********************

02.layout 

********************/

/***** clearfix *****/

clr:after,
wrapInner:after,
#main ul:after,
#main dl:after,
#sidebar-right #ranking dl:after,
#footer ul:after,
#footerInner:after {
	content: "."; 
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}

clr,
wrapInner,
#main ul,
#main dl,
#sidebar-right #ranking dl,
#footer ul,
#footerInner
{ /*for ie6,7*/ zoom:1; }


/*****  contents layout *****/

#wrap{ margin:0; padding:0; _text-align:center}

#wrapInner {
	width:960px;
	padding:37px 0 0 0;
	margin:0 auto;
	
}

#sidebar {
	float:left;
	width:244px; 
}
	

#main {
	float:left;
	width:513px;
}


#sidebar-right {
	float:right;
	width:181px;
}


#footer {
	_text-align:center;
	clear:both;
}


/********************

03.style

********************/
body { background: url(images/texture_bg_02.jpg) 0 bottom repeat-x; }

#wrap { background: url(images/texture_bg_01.jpg) 0 0 repeat-x; }


/*****  #header *****/

#header { position:relative; }

#header h1 a{
	display:block;
	height:0;
	_height:59px;
	padding-top:59px;
	overflow:hidden;
	width:252px; 
	margin:0 0 5px 8px; 
	background: url(images/siteLogo.gif) 0 0 no-repeat;
}


#header p.lead { position:absolute; right:5px; top:0px; text-align:right;	color:#F84674; }

/*  gNavi */
#header ul { position:absolute; right:0px; top:30px; text-align:right; }
#header ul li {
	float:left; 
	margin:0 20px 0 0;
	}

#header ul li.gNavi03 { margin-right:5px; }

#header ul li a { height:0; _height:16px;	padding-top:16px;	overflow:hidden; display:block;} 

#header ul li.gNavi01 a { width:202px; background: url(images/gNavi_01.gif) 0 0 no-repeat;}
#header ul li.gNavi02 a { width:163px; background:url(images/gNavi_02.gif) 0 0 no-repeat;}
#header ul li.gNavi03 a { width:82px; background:url(images/gNavi_03.gif) 0 0 no-repeat; margin-right:0;}

#header ul li.gNavi01 a:hover { background: url(images/gNavi_01.gif) 0 -16px no-repeat;}
#header ul li.gNavi02 a:hover { background:url(images/gNavi_02.gif) 0 -16px no-repeat;}
#header ul li.gNavi03 a:hover { background:url(images/gNavi_03.gif) 0 -16px no-repeat; margin-right:0;}


/*****  #sidebar *****/

#sidebar { margin:25px 10px 0 0; /*_margin-left:25px;*/}


#sidebar ul{}
#sidebar ul li { height:51px; _height:84px; margin:0 0 6px 0; padding:33px 10px 0 85px; }
#sidebar ul li a {
	height:16px;
	padding-left:20px;
	display:block;
	background:url(images/icon_01.gif) 0 center no-repeat;
	font-size:110%;
	font-weight:bold;
	color:#F84674;
}

#sidebar ul li.sidemenu01 { background: url(images/sideMenu_001.jpg) 0 0 no-repeat;}
#sidebar ul li.sidemenu02 { background: url(images/sideMenu_002.jpg) 0 0 no-repeat;}
#sidebar ul li.sidemenu03 { background: url(images/sideMenu_003.jpg) 0 0 no-repeat;}
#sidebar ul li.sidemenu04 { background: url(images/sideMenu_004.jpg) 0 0 no-repeat;}
#sidebar ul li.sidemenu05 { background: url(images/sideMenu_005.jpg) 0 0 no-repeat;}
#sidebar ul li.sidemenu06 { background: url(images/sideMenu_006.jpg) 0 0 no-repeat;}
#sidebar ul li.sidemenu07 { background: url(images/sideMenu_007.jpg) 0 0 no-repeat;}
#sidebar ul li.sidemenu08 { background: url(images/sideMenu_008.jpg) 0 0 no-repeat;}
#sidebar ul li.sidemenu09 { background: url(images/sideMenu_009.jpg) 0 0 no-repeat; padding-top:23px; height:61px; _height:84px; }
#sidebar ul li.sidemenu09 a { height:27px; }
#sidebar ul li.sidemenu10 { background: url(images/sideMenu_010.jpg) 0 0 no-repeat;}



/*****  #main *****/
#main {
	padding-bottom:8px;
	/padding-bottom:0;
	margin:20px 0 50px 0;
	background: url(images/mainBot_bg_01.gif) 0 bottom no-repeat; }

#main #mainContents { padding:10px 20px 5px 20px; /padding-top:15px; background: url(images/mainMid_bg_01.gif) 0 0 repeat-y; }

#main h2 {
	padding:15px 0 0 40px;
	width:473px;
	_width:513px;
	height:25px;
	_height:40px;
	background: url(images/mainTit_bg_01.jpg) 0 0 no-repeat;
	font-size:120%;
	font-weight:bold;
	color:#fff;}

#main #mainContents.home h3 { margin:10px 0 0 0;
	height:0;
	_height:19px;
	padding-top:19px;
	overflow:hidden;
	width:200px;
}

#main #mainContents h3.categoryTit01 { background: url(images/main_tit_001.gif) 0 0 no-repeat;}
#main #mainContents h3.categoryTit02 { background: url(images/main_tit_002.gif) 0 0 no-repeat;}
#main #mainContents h3.categoryTit03 { background: url(images/main_tit_003.gif) 0 0 no-repeat;}
#main #mainContents h3.categoryTit04 { background: url(images/main_tit_004.gif) 0 0 no-repeat;}
#main #mainContents h3.categoryTit05 { background: url(images/main_tit_005.gif) 0 0 no-repeat;}
#main #mainContents h3.categoryTit06 { background: url(images/main_tit_006.gif) 0 0 no-repeat;}
#main #mainContents h3.categoryTit07 { background: url(images/main_tit_007.gif) 0 0 no-repeat;}
#main #mainContents h3.categoryTit08 { background: url(images/main_tit_008.gif) 0 0 no-repeat;}
#main #mainContents h3.categoryTit09 { background: url(images/main_tit_009.gif) 0 0 no-repeat;}
#main #mainContents h3.categoryTit10 { background: url(images/main_tit_010.gif) 0 0 no-repeat;}
#main #mainContents h3.categoryTit11 { background: url(images/main_tit_011.gif) 0 0 no-repeat;}
#main #mainContents h3.categoryTit12 { background: url(images/main_tit_012.gif) 0 0 no-repeat;}
#main #mainContents h3.categoryTit13 { background: url(images/main_tit_013.gif) 0 0 no-repeat;}
#main #mainContents h3.categoryTit14 { background: url(images/main_tit_014.gif) 0 0 no-repeat;}
#main #mainContents h3.categoryTit15 { background: url(images/main_tit_015.gif) 0 0 no-repeat;}
#main #mainContents h3.categoryTit16 { background: url(images/main_tit_016.gif) 0 0 no-repeat;}

#main .home#mainContents ul { margin:10px 0 10px 5px; }
#main .home#mainContents ul li { float:left; margin:0 0 4px 10px; white-space:nowrap}
#main .home#mainContents ul li a { font-size:100%; display:block; color:#333;}

#main .home#mainContents dl { margin:10px 0 10px 5px; }
#main .home#mainContents dl dt { clear:both; float:left; margin:0 0 5px 10px;}
#main .home#mainContents dl dd { float:left; margin:0 0 5px 10px;}
#main .home#mainContents dl dd a { font-size:100%; color:#333;}



/*article*/
#main .article#mainContents p { margin-bottom:10px; }


#main .article#mainContents ul { margin:10px 0; }
#main .article#mainContents ul li { margin:5px 0 0 0;}


#main .article#mainContents a { color:#F84674; font-weight:bold; }
#main .article#mainContents a:visited { color:#EE8E9F; }

#main .article#mainContents ul.articleNavi { margin-top:10px; font-weight:bold; color:#F84674;}
#main .article#mainContents ul.articleNavi li a { font-weight:bold; color:#F84674; }
#main .article#mainContents ul.articleNavi li.previous{ float:left; padding-left:15px; background: url(images/icon_03.gif) 0 5px no-repeat;}
#main .article#mainContents ul.articleNavi li.next{ float:right; padding-right:15px; background: url(images/icon_03.gif) right -15px no-repeat; }

#main .article#mainContents  img { margin:10px 0; }




/*****  #sidebar-right *****/

#sidebar-right { margin:20px 0px 0 0; /*_margin-right:25px;*/}


/**  #ranking  **/
#sidebar-right #ranking { width:183px; padding-bottom:7px; background: url(images/rSideBot_bg_01.gif) 0 bottom no-repeat; }

#sidebar-right #ranking h2 {
	padding:15px 0 0 40px;
	width:143px;
	_width:183px;
	height:25px;
	_height:40px;
	background: url(images/rSideTit_bg_01.jpg) 0 0 no-repeat;
	font-size:120%;
	font-weight:bold;
	color:#fff;}
	
#sidebar-right #ranking .sidebarContents {
	padding:15px 20px 5px 20px;
	background: url(images/rSideMid_bg_01.gif) 0 0 repeat-y;
}

#sidebar-right #ranking dl { margin:10px 0 0 0; }
#sidebar-right #ranking dl dt { float:left; margin:0 0 5px 0; font-weight:bold;}
#sidebar-right #ranking dl dd { float:left; margin:0 0 5px 10px;}
#sidebar-right #ranking dl dd a { font-size:90%; }

/**  #mobile  **/

#sidebar-right #mobile { width:183px; margin-top:15px; padding-bottom:7px; background: url(images/rSideBot_bg_01.gif) 0 bottom no-repeat; }

#sidebar-right #mobile h2 {
	padding:8px 0 0 40px;
	width:143px;
	_width:183px;
	height:34px;
	_height:42px;
	background: url(images/rSideTit_bg_02.jpg) 0 0 no-repeat;
	font-size:100%;
	font-weight:bold;
	line-height:120%;
	color:#fff;}
	
#sidebar-right #mobile .sidebarContents {
	padding:5px 14px 5px 14px;
	background: url(images/rSideMid_bg_01.gif) 0 0 repeat-y;
}

#sidebar-right #mobile .sidebarContents p {
	padding:10px 0 15px 65px;
	background: url(images/rSide_img_02.jpg) 0 0 no-repeat;
}


/*****  #footer  *****/
#footer { background: url(images/foot_bg_01.gif) 0 0 repeat-x;/* height:160px;*/ color:#FFF; /margin-top:40px;}
#footer a { color:#FFF; }

#footerInner {
	position:relative;
	width:960px;
	padding:30px 0 40px 0;
	margin:0 auto;
	_text-align:left;}

#footerInner ul { float:left; margin:31px 0 16px 0;}
#footerInner ul li { margin:5px 20px 0 0; padding-left:20px; background: url(images/icon_02.gif) 0 center no-repeat; font-weight:bold; }

#footerInner ul li img { position:absolute; left:10px; bottom:10px;}

#footerInner dl { float:left; margin:36px 0 0 20px;}
#footerInner dl dt { padding-left:20px; background: url(images/icon_02.gif) 0 center no-repeat; font-weight:bold; }
#footerInner dl dd { margin:5px 0 0 10px; }

#footerInner img.footLogo { position:absolute; bottom:35px; right:0px;}

#footer address { width:256px; height:0; _height:12px; padding-top:12px; overflow:hidden; position:absolute; bottom:10px; right:0px; background: url(images/copyright.gif) 0 0 no-repeat; }