/* ---------------------- 横メニュー---------------------- */
.navi-menu #slatenav{
	width: 940px;
	position:absolute;
	display:block;
	z-index: 1;
	height: 42px;
	top: 330px;
	left: 0px;
	font-size:11px;
	font-weight:bold;
	background:transparent url(images/blueslate_background.gif) repeat-x top left;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	text-transform:uppercase;
}
.navi-menu #slatenav ul{
	margin:0px;
	padding:0;
	list-style-type:none;
	width:auto;
}
.navi-menu #slatenav ul li{
	display:block;
	float:left;
	margin:0 1px 0 0;
}
.navi-menu #slatenav ul li a{
	display:block;
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	padding:14px 22px 0 22px;
	height:28px;
}
.navi-menu #slatenav ul li a:hover,.blue #slatenav ul li a.current{
	color:#797979;
	background:transparent url(images/blueslate_backgroundOVER.gif) no-repeat top center;
}

/* ---------------------- END Blueslate nav ---------------------- */

.widget-content01{
	padding: 10px;
	margin-right: auto;
	margin-left: auto;
	font-size: 10px;
	background-color: #cbcbcb;
}

.widget-02{/*kadomaru */
        border-radius: 20px;         /* CSS3 */
        -moz-border-radius: 20px;    /* Firefox */
        -webkit-border-radius: 20px; /* Safari,Chrome */
   　　 border: 3px green solid;     /* 枠線の装飾 */
        background-color: #ffffff;   /* 背景色 */

	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.widget-content02{
	background-color: #ffffff;   /* 背景色 */
        padding: 10px;
	margin-right: auto;
	margin-left: auto;
	font-size: 10px;
}

table tr {
	border: none;
}

table td {
	border: none;
	padding: 20px;
}

body {
        background-color: #5dc4e8;
        /* background:url(http://creativefreaks.net/images/body_background.jpg);*/
}

#asset-content {
        background-color: #5dc4e8;
        border-color: #cbcbcb;
}

#content {
        border-color: #cbcbcb;
}

.layout-wt #content-inner {
	background-color: #ffffff;
        /* background:url(http://creativefreaks.net/images/body_background.jpg);*/
}
.layout-tw #content-inner {
	background-color: #ffffff;
        /* background:url(http://creativefreaks.net/images/body_background.jpg);*/
}

#alpha {
	background-color: #ffffff;
        border-color: #ffffff;
        /* background:url(http://creativefreaks.net/images/body_background.jpg);*/
}
#beta {
	background-color: #ffffff;
        border-color: #ffffff;
        /*background:url(http://creativefreaks.net/images/body_background.jpg);*/
}

#header {/* ヘッダーのボーダーラインを消去 */	
        border-top-color: #000000;
        border-top: 0;
        background-color: #cbcbcb;
        /*background:url(http://creativefreaks.net/images/body_background.jpg);*/
}

#header:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        max-height: 0;
        visibility: hidden;
}

#header-inner {/* ヘッダーのカラム設定 */
       border-radius: 20px;         /* CSS3 */
        -moz-border-radius: 20px;    /* Firefox */
        -webkit-border-radius: 20px; /* Safari,Chrome */
   　　 border: 3px green solid;     /* 枠線の装飾 */

        overflow:auto!important;
        overflow /**/: hidden;
        height: 390px;
        background:url(http://creativefreaks.net/images/header_background.jpg);
}

#footer {
        background-color: #000000;
}


#titlename {
	position: absolute;
	width: 900px;
	height: 300px;
	top: 5px;
	left: 10px;
}

.titlename  #header-image{
　　　position: absolute;
	float: left;
}

#headerpicture {
	position: absolute;
	width: 800px;
	z-index: 0;
	height: 320px;
	top: 70px;
	left: 120px;
}

.headerpicture #header-picture{
　　　position: absolute;
	float: left;
}

#headermenu {
	position: absolute;
	width: 800px;
	z-index: 0;
	height: 300px;
	top: 20px;
	left: 100px;
}

.headermenu #header-picture{
　　　position: absolute;
	float: left;
}
/* 検索 */	
#header-navi{
　　　　position: absolute;
	width: 350px;
	_width: 810px;
	text-align: right;
	z-index: 2;
	float: right;
	top: -5px;
	right: 0px;
}

#header-navi .navi-home{
	background-image: none;
}

#header-search{
	position: absolute;
	width: 320px;
	text-align: right;
	z-index: 1;
	float: right;
	top: 330px;
	right: 0px;
	background-image: none;
	height: 40px;
	margin-right: 20px;
	padding-right: 10px;
}

/* ---------------------- 新着記事を2*4にソート---------------------- */
table#table-01 {
    width: 100%;
    border:0px #FFFFFF solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-01 th {
    padding: 5px;
    border: none;
    border-width: 0 0 1px 1px;
    padding-top: 10px;
    background: #FFFFFF;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
}

table#table-01 td {
    padding: 5px;
    border: none;
    border-width: 0 0 1px 1px;
    text-align: left;
    background : #FFFFFF;
}

/* ---------------------- メイン記事のテキストを設定---------------------- */

#new-collumn {
        border-radius: 20px;         /* CSS3 */
        -moz-border-radius: 20px;    /* Firefox */
        -webkit-border-radius: 20px; /* Safari,Chrome */
   　　 border: 3px green solid;     /* 枠線の装飾 */
        background-color: #ffffff;   /* 背景色 */

	list-style-type:none;
　　　　width:100px;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px; 
	display: block;
	clear: left;
	float: left;
}

#new-collumn ul {
	list-style-type:none;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

#new-collumn li {
	margin-bottom:10px;
	width: 200px;
	margin-right: 5px;
	list-style-type: none;
	display: block;
	clear: none;
	float: left;
	text-align: left;
	padding-right: 5px;
	font-size: 11px;
	color: #141414;
}

#new-collumn img {
	clear: none;
	float: left;
	border: 1px solid #CCCCCC;
	padding: 1px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#new-collumn a {
	color: #141414;
	font-size: 12px;
	line-height: 1.25em;
	font-weight: bold;
	text-decoration: none;
}

#new-collumn a:hover {
	color: #CC6633;
	font-size: 12px;
	line-height: 1.25em;
	font-weight: bold;
	text-decoration: underline;
}

/* ----------------------角丸を設定---------------------- */

div.column-kakumaru	{
	width: 640px;
	background: url(http://creativefreaks.net/images/bottom.jpg) no-repeat bottom;
	padding-bottom: 25px;
	margin-bottom: 5px;
	margin-top: 5px;
}
div.column-kakumaru .inner	{
	background: url(http://creativefreaks.net/images/top.jpg) no-repeat;
	padding-top: 25px;
}
div.column-kakumaru .content	{
	background: url(http://creativefreaks.net/images/center.jpg) repeat-y;
	padding: 0 20px;
}

div.column-kakumaru ul {
	list-style-type:none;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

div.column-kakumaru li {
	margin-bottom:10px;
	width: 200px;
	margin-right: 5px;
	list-style-type: none;
	display: block;
	clear: none;
	float: left;
	text-align: left;
	padding-right: 5px;
	font-size: 11px;
	color: #141414;
}

div.column-kakumaru img {
	clear: none;
	float: left;
	border: 1px solid #CCCCCC;
	padding: 1px;
	margin-right: 10px;
	margin-bottom: 10px;
}

div.column-kakumaru a {
	color: #141414;
	font-size: 12px;
	line-height: 1.25em;
	font-weight: bold;
	text-decoration: none;
}

div.column-kakumaru a:hover {
	color: #CC6633;
	font-size: 12px;
	line-height: 1.25em;
	font-weight: bold;
	text-decoration: underline;
}

/* ----------------------ウィジェットの角丸を設定---------------------- */

div.widget-column-kakumaru	{
	width: 260px;
	background: url(http://creativefreaks.net/images/widget-bottom.jpg) no-repeat bottom;
	padding-bottom: 25px;
	margin-bottom: 5px;
	margin-top: 5px;
}
div.widget-column-kakumaru .inner	{
	background: url(http://creativefreaks.net/images/widget-top.jpg) no-repeat;
	padding-top: 25px;
}
div.widget-column-kakumaru .content	{
	background: url(http://creativefreaks.net/images/widget-center.jpg) repeat-y;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 5px;
	background-color: #ffffff;   /* 背景色 */
	margin-right: auto;
	margin-left: auto;
	font-size: 10px;
}

div.widget-column-kakumaru ol {
	list-style-type:decimal;
}

div.widget-column-kakumaru li {

}


div.widget-column-kakumaru img {
	clear: none;
	float: left;
	border: 1px solid #CCCCCC;
	padding: 1px;
	margin-right: 10px;
	margin-bottom: 10px;
}

div.widget-column-kakumaru a {
	color: #141414;
	font-size: 10px;
	line-height: 1.25em;
	font-weight: bold;
	text-decoration: none;
}

div.widget-column-kakumaru a:hover {
	color: #CC6633;
	font-size: 10px;
	line-height: 1.25em;
	font-weight: bold;
	text-decoration: underline;
}

/* image replacement */
	.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:-8000px;
}
/* // image replacement */		

/* Easy Slider */

#slider ul, #slider li,
#slider2 ul, #slider2 li{
	margin:0;
	padding:0;
	list-style:none;
}
	
#slider2{margin-top:1em;}

#slider li, #slider2 li{ 
	/* 
	define width and height of list item (slide)
	entire slider area will adjust according to the parameters provided here
	*/
	 
　　　position: absolute;
	float: left;
 width:696px;
	height:241px;
	overflow:hidden; 
}	
	
#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:71px;
	z-index:1000;
}	

#nextBtn, #slider1next{ 
	left:696px;
}
														
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
	display:block;
	position:relative;
	width:30px;
	height:77px;
	background:url(images/btn_prev.png) no-repeat 0 0;	
}	

#nextBtn a, #slider1next a{ 
	background:url(images/btn_next.png) no-repeat 0 0;	
}	
		
/* numeric controls */	

ol#controls{
	margin:1em 0;
	padding:0;
	height:28px;	
}

ol#controls li{
	margin:0 10px 0 0; 
	padding:0;
	float:left;
	list-style:none;
	height:28px;
	line-height:28px;
}
	
ol#controls li a{
	float:left;
	height:28px;
	line-height:28px;
	border:1px solid #ccc;
	background:#DAF3F8;
	color:#555;
	padding:0 10px;
	text-decoration:none;
}
	
ol#controls li.current a{
	background:#5DC9E1;
	color:#fff;
}
	
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */
#footer-content,
#footer-content a {
    color: #ffffff;
}