@charset "utf-8";
/*=====================================================
	デフォルトのスタイル設定
=====================================================*/
/*---------------------------------------------------
	Properties Reset
	ブラウザによるスタイルをリセット
-----------------------------------------------------*/
html{
	overflow-y:scroll;
}
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;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
img{
	vertical-align:bottom;
	font-size:0px;
	line-height:0px;
	border:0;
}
fieldset{
	border:0;
}
address,caption,cite,code,dfn,em,strong,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-weight:normal;
}
/*ブラウザ設定リセット(文字サイズが小さくなりすぎるのを防ぐため)*/
h5,h6{
	font-size:100%;
}
/*--------------------------------------------------
	Font size settings
	各ブラウザのフォントサイズを統一する。
--------------------------------------------------*/
/*
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
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 * 
 */
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {font:115% monospace;*font-size:100%;}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {line-height:1.22em;}


/*--------------------------------------------------
	HTML erements settings
--------------------------------------------------*/
/* Anchor Style */
a,
a:link {
	color: #0066CC;
	text-decoration: underline;
}

a:active,
a:hover,
a:focus {
	color: #0066CC;
	text-decoration: underline;
}
/*--------------------------------------------------
	General-purpose class
--------------------------------------------------*/
/*---clearfix-*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	line-height: 0;
}
.clearfix {
	 display:inline-block;
}
/*Hides from IE-mac\*/
*html .clearfix {
	height:1%;
	}
.clearfix{display:block}
/*end hide from IE-mac*/

body {
	margin-top:2px;
	background-color: white;
	color: #333;
	text-align:center;
	line-height:160%;
}
#common-header .inner{
	width: 772px;
	margin:0 auto;
	text-align:left;
}
body #parts-header,
body div#container,
body div#footer {
	width: 761px;
	margin:0 auto;
	text-align:left;
	font-size:92%;
}


/*=====================================================
	kurukuru共通ヘッダー
=====================================================*/
#common-header{
	width:100%;
	padding-bottom:22px;
	background-image:url(img/chead_bg.gif);
	background-repeat:repeat-x;
}
#common-header .inner{
	width: 772px;
}
#common-header .chead-logo{
	margin-top:6px;
	float:left;
}
#common-header .chead-tp{
	height:36px;
}
#common-header .getrss{
	margin-top:10px;
	margin-right:6px;
	float:right;
}
#common-header ul#common-menu{
	float:left;
}
#common-header ul#common-menu li{
	display:inline;
}
#common-header .module-search{
	float:right;
	width:218px;
	height:44px;
	background-image:url(img/search_bg.gif);
	background-repeat:no-repeat;
	padding:0;
	margin:0;
}
#common-header #search-btn{
	margin-top:5px;
	margin-right:13px;
	float:right;
}
#common-header .module-search .keyword{
	float:left;
	width:130px;
	height:20px;
	margin-left:12px;
	margin-top:3px;
	background-image:url(img/chead_keyword.gif);
	background-repeat:no-repeat;
}
/*=====================================================
	kurukuru parts共通ヘッダー
=====================================================*/
#parts-header{
	width:761px;
	background-image:url(img/pnav_bg.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
}
#parts-header #header-main{
	float:left;
	width:504px;
        height:50px;
}
#parts-header #header-img{
	float:right;
	width:257px;
	/*padding-top:8px;*/
	padding-top:16px;
}
#parts-header h1{
	margin-bottom:2px;
}
#parts-header #pnav{
	padding-left:5px;
	margin-top:23px;
	height:33px;
	background-image:url(img/parts_headbg.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
#parts-header #pnav li{
	float:left;
	padding-left:4px;
	margin-top:8px;
}
/*=====================================================
	メインエリア
=====================================================*/
#container #main{
	float:left;
	width:504px;
}
/*=====================================================
	サイドメニュー
	//サイドバーの中のliについては、画像サイズに関係なく幅241px（=ピンクの帯部分の幅）のボックスとなります。
	そのliボックスの中で、画像は常に真ん中に配置されるようになっています。
=====================================================*/
#container #side{
	float:right;
	width:257px;
	background-color:#FF2777;
	background-image:url(img/bg_side.gif);
	background-repeat:repeat-y;
	background-position:top right;
}
#container #side li{
	width:240px;
	text-align:center;
}
#container #side li img{
	margin:0 auto;
}
#container #side ul#banners{
	margin-bottom:13px;
	background-image:url(img/bg_sidetp.gif);
	background-position:top right;
	background-repeat:no-repeat;
}
#container #side ul#banners li{
	padding-top:6px;
}

/*サイドバーの一番したのボックスにclass="end"を指定*/
#container #side .end{
        width:257px;
	padding-bottom:16px;
	background-image:url(img/side_bgbt.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
}
/*=====================================================
	フッター
=====================================================*/
body div#footer{
	clear:both;
	height:113px;
	background-image:url(img/ft_bg.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
}
body div#footer #ft-pageup{
	float:right;
	margin-right:18px;
}
body div#footer #ft-main{
	width: 761px;
	clear:both;
	background-image:url(img/ft_bgtp.gif);
	background-repeat:no-repeat;
	background-position:top center;
	text-align:center;
}
body div#footer #ft-main #ft-copyright{
	display:block;
	margin:0 auto;
	padding:16px 0 13px 0;
}
body div#footer #ft-main div#ft-navarea{
	width:740px;
	height:29px;
	margin:0 auto;
	background-image:url(img/ftnav_bg.gif);
	background-repeat:repeat-x;
	background-position:left top;
	text-align:left;
}
body div#footer #ft-main ul#ft-nav{
	float:left;
	width:170px;
	height:29px;
	padding-left:14px;
	background-image:url(img/ftnav_bglt.gif);
	background-repeat:no-repeat;
	background-position:left top;
}
ul#ft-nav li{
	float:left;
	margin-top:4px;
}
#ft-powered{
	float:right;
	width:170px;
	height:29px;
	padding-right:10px;
	background-image:url(img/ftnav_bgrt.gif);
	background-repeat:no-repeat;
	background-position:right top;
}
#ft-powered li{
	float:left;
	padding-top:8px;
	margin-left:5px;
}
/*---------------------------------------------------
	TOPページ
-----------------------------------------------------*/
#container #main #top-imgarea{
	padding:5px 0 9px 9px;
	background-color:#FF2777;
	background-image:url(img/bg_leftbt.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
}
#container #main #top-maincontent{
	padding-left:20px;
	background-image:url(img/bg_middlebt.gif);
	background-repeat:no-repeat;
	background-position:top right;
}
#container #main #top-maincontent h2{
	width:462px;
	height:26px;
	margin-top:20px;
	margin-bottom:12px;
	background-image:url(img/top_h2bg.gif);
	background-repeat:no-repeat;
	background-position:center left;
}
#container #main #top-maincontent .h2-txt{
	float:left;
	margin-left:2px;
}
#container #main #top-maincontent .h2-getrss{
	float:right;
	margin-top:4px;
	margin-right:11px;
}
/*top-最新ニュース*/
#top-maincontent #top-news dl{
	width:462px;
	padding-left:6px;
}
#top-maincontent #top-news dt{
	font-weight:bold;
	margin-bottom:2px;
}
#top-maincontent #top-news dd{
	padding-left:17px;
	margin-bottom:10px;
	line-height:150%;
	background-image:url(img/news_icon.gif);
	background-repeat:no-repeat;
	background-position:left 2px;
}
#top-maincontent #top-news a,
#top-maincontent #top-news a:link {
	color: #333;
	text-decoration: none;
}

#top-maincontent #top-news a:active,
#top-maincontent #top-news a:hover,
#top-maincontent #top-news a:focus {
	color: #333;
	text-decoration: underline;
}

/*top-ユーザーズボイス*/
#top-maincontent #top-voice h3{
	margin-bottom:10px;
	margin-left:23px;
}
#top-maincontent #top-voice p{
	margin:6px 0;
	margin-left:23px;
}
/*---------------------------------------------------
	ブログパーツ詳細ページ共通
-----------------------------------------------------*/
#container #main #sub-maincontent{
	padding-left:18px;
	padding-top:26px;
	background-image:url(img/sub_headbg.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
#container #main #sub-maincontent h2.main-img{
	margin-bottom:23px;
}
#container #main #sub-maincontent div.section{
	clear:both;
	margin-left:5px;
	margin-bottom:18px;
	padding-top:11px;
	background-image:url(img/dotline.gif);
	background-repeat:repeat-x;
	background-position:top left;
}
#container #main #sub-maincontent h3{
	margin-bottom:13px;
}
#container #main #sub-maincontent p{
        line-height:130%;
	margin-bottom:20px;
}
#container #main #sub-maincontent textarea{
	width:455px;
	padding:2px;
	font-family:"Courier New", Courier, mono;
	overflow:auto;
	font-size:105%;
	border:solid 1px #CCC;
}
#container #main #sub-maincontent p.notice{
	margin-top:8px;
	margin-bottom:0;
	padding-left:16px;
	background-image:url(img/notice_icon.gif);
	background-repeat:no-repeat;
	background-position:left 1px;
}
/*画像を左側へ回りこませる。
幅など指定していないので、汎用的に使えると思います。
また、IDなどを追加してこれに詳細な設定を上書きするとよいかもしれないです。*/
#container #main #sub-maincontent .float-imglt{
	position:relative;
}
#container #main #sub-maincontent .float-imglt img{
	float:left;
	margin-right:8px;
}
/*----------------------------------------------
詳細ページの共通部分のスタイル
------------------------------------------------*/
/*パーツの詳細説明エリア*/
#container #main #sub-maincontent .parts-detail{
	width:459px;
	padding-bottom:20px;
	border-bottom:2px solid #666666;
}
/*利用規約*/
#container #main #sub-maincontent #term{
	margin-top:12px;
}
#container #main #sub-maincontent #term .termtxt{
	width:455px;
	padding:2px;
	height:108px;
	overflow:scroll;
	border:solid 1px #CCC;
}
/*適用ブログ一覧*/
#container #main #sub-maincontent #adaptation-lists{
	width:460px;
}
#container #main #sub-maincontent #notadaptation{
	float:left;
	width:220px;
	margin-left:20px;
}
#container #main #sub-maincontent #adaptation{
	width:220px;
	float:left;
}
#container #main #sub-maincontent .bloglist{
	border-top:1px solid #ccc;
	margin-top:8px;
	margin-bottom:12px;
}
#container #main #sub-maincontent .bloglist li{
	padding:6px 0 6px 25px;
	border-bottom:1px solid #ccc;
	background-repeat:no-repeat;
	background-position:5px 50%;
}
#container #main #sub-maincontent #adaptation li{
	background-image:url(img/adpt_icon.gif);
}
#container #main #sub-maincontent #notadaptation li{
	background-image:url(img/notadpt_icon.gif);
}


/*---------------------------------------------------
	得点カウンターページ
-----------------------------------------------------*/
.scorecounter .float-imglt p{
	padding-top:65px;
} 
.scorecounter #main #sub-maincontent textarea{
	height:99px;
}


/*---------------------------------------------------
	自爆ボタンページ
-----------------------------------------------------*/
.suicidebomb .float-imglt p{
	padding-top:65px;
} 
.suicidebomb .samplebunner p{
	padding-top:10px;
}



/*---------------------------------------------------
	BangClockページ
-----------------------------------------------------*/
.bangclock .float-imglt p{
	padding-top:10px;
} 
.bangclock .samplebunner p{
	padding-top:10px;
}


/*---------------------------------------------------
	secretpageページ
-----------------------------------------------------*/
.secretpage .float-imglt p{
	padding-top:65px;
} 
.secretpage .samplebunner p{
	padding-top:10px;
}

/*---------------------------------------------------
	Blog防衛隊ページ
-----------------------------------------------------*/
.blogguard .float-imglt p{
	padding-top:45px;
} 
.blogguard .samplebunner p{
	padding-top:10px;
}

/*---------------------------------------------------
	スポーツ新聞ページ
-----------------------------------------------------*/
.sportspaper .float-imglt p{
	padding-top:45px;
} 
.sportspaper .samplebunner p{
	padding-top:10px;
}
.sportspaper .samplelist {
        padding:10px;
        text-align:center;
        vertical-align:middle;
        border:solid 1px #999;
}

/*---------------------------------------------------
	風鈴ブログパーツページ
-----------------------------------------------------*/
.windchime .float-imglt p{
	padding-top:45px;
} 
.windchime #main #sub-maincontent textarea{
	height:99px;
}

/*---------------------------------------------------
	代理店および制作会社へページ
-----------------------------------------------------*/
.forcliants .float-imglt p{
	padding-top:65px;
} 
.forcliants #main #sub-maincontent textarea{
	height:99px;
}
.matter-title {
	font-weight:bold;
	font-size:1.3em;
	text-indent:2px;
	margin-bottom:10px;
	margin-top:20px;
	}
div .matter-image {
	text-align:center;
	}
div .matter-imageLeft {
	text-align:left;
	}
div .dateandcliant  {
	margin-top:15px;
	line-height:1.5em;
	margin-bottom:20px;
	}
div .setumei h5 {
	font-weight:bold;
	font-size:1em;
	margin-top:-15px;
	margin-bottom:8px;
	}

/*---------------------------------------------------
	よくある質問（Q&A）ページ
-----------------------------------------------------*/
.faqqa .float-imglt p{
	padding-top:65px;
} 
.faqqa #main #sub-maincontent textarea{
	height:99px;
}
.faqtable {
        width:100%;
        margin-top:15px;
        margin-bottom:10px;
}


/*---------------------------------------------------
	運営会社ページ
-----------------------------------------------------*/
.
.abountus .float-imglt p{
	padding-top:65px;
} 
.abountus #main #sub-maincontent textarea{
	height:99px;
}
.abountus .inCompany {
        margin-top:8px;
        margin-left:3px;
}
.abountus .inCompany img p {  
       margin-left:0.5em;
       margin-top:2px;
}

/*---------------------------------------------------
	ブログパーツをつくろうページ
-----------------------------------------------------*/
.original_menu ul {
        margin-top:10px;
        margin-bottom:20px;
        text-align:center;
}
.original_menu li {
        display:inline;
}
.originalend_menu ul {
        margin-top:10px;
        margin-bottom:20px;
        margin-left:61px;
}
.originalend_menu li {
        display:inline;
}
.original-content .float-imglt p{
	padding-top:25px;
} 
.original-content .samplebunner p{
	padding-top:10px;
}
.originl-subtitle {
	font-weight:bold;
	font-size:1.3em;
	text-indent:2px;
	margin-bottom:10px;
	margin-top:20px;
	}
.originl-minititle {
	font-weight:bold;
	font-size:1.2em;
	text-indent:2px;
	margin-bottom:12px;
	margin-top:35px;
	}
.originl-wrap li {
        list-style-type:decimal;
        margin-left:20px;
}
*html .originl-wrap ol {
        list-style-type:decimal;
} 
*html .originl-wrap img {
        margin-left:-20px;
}
*+html .originl-wrap img {
        margin-left:-20px;
}
.originl-setumei {
       margin-bottom:30px;
}
.originl-margin {
       margin-top:-10px;
       margin-left:20px;
}
*html .originl-margin {
       margin-top:10px;
       margin-left:0px;
}
*+html .originl-margin {
       margin-top:10px;
       margin-left:0px;
}
.originalfirst_menu ul {
        margin-top:10px;
        margin-bottom:20px;
        margin-left:125px;
}
.originalfirst_menu li {
        display:inline;
}
.createkit {
       margin-left:20px;
       margin-bottom:30px;
}
.createkit li {
       list-style-type:disc;
       line-height:1.4em;
}

/*---------------------------------------------------
	ブログパーツを貼ろうページ
-----------------------------------------------------*/

.paste_title{
	background-image:url(contribute_img/paste_title_bar.gif);
        background-repeat:no-repeat;
        width:460px;
        height:24px;
        margin-bottom:10px;
}
.paste_title p{
        color:#FFF;
        font-weight:bold;
	text-indent:10px;
	padding:0;
        margin:0;
        padding-top:4px
}
.arrow{
	text-align:center;
}
.step_title{
        margin-bottom:10px; 
}
.sample_img{
	margin-top:10px;
}
.sample_img img{
	border:1px solid #000000
}