@charset "Shift_JIS";
/* CSS Document */



body,div,h1,h2,h3,h4,h5,h6,p,ul,li,img,form,dl,dd,dt {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

h1,h2,h3,h4,h5,h6,p,li,imput {
	font-size: 12px;
	line-height: 1;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #666;
	letter-spacing: 0.1em;
}

br {
	letter-spacing: 0;
}

img {
	border-style: none;
	vertical-align: bottom;

}

li {
	list-style-type: none;
}

p {
	line-height: 1.5;
}

a { outline: none; }

a:link {
	color: #5b4f43;
	text-decoration: none;
}

a:visited {
	color: #5b4f43;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:hover img {
	opacity: 0.7;
	filter: Alpha(Opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}


/* ▼▼Clear関係▼▼ */

.clear-both {
	clear: both;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

/* ▲▲Clear関係▲▲ */







/* ▽▽▽▽共通デザイン▽▽▽▽ */


div#wrapper {
	width: 960px;
	margin: 0 auto;
	padding-top: 20px;
}


/* ▼▼ヘッダー▼▼ */

div#header {
	height: 132px;
	margin-bottom: 16px;
}

div#header div.left {
	width: 257px;
	float: left;
}

div#header div.right {
	width: 666px;
	float: right;
}

/* --グローバルナビゲーション-- */

div#header div.right ul {
	margin-top: 14px;
	float: left;
}

div#header div.right ul li.big {
	margin-bottom: 10px;
}

div#header div.right ul.gnavi01 {
	width: 116px;
	margin-right: 47px;
}

div#header div.right ul.gnavi02 {
	width: 133px;
	margin-right: 50px;
}

div#header div.right ul.gnavi03 {
	width: 133px;
	margin-right: 62px;
}

div#header div.right ul.gnavi04 {
	width: 125px;
}

/* ▼▼フッター▼▼ */

div#footer {
	width: 960px;
	margin: 35px 0 50px 0;
}

div#footer div.left {
	width: 764px;
	height: 174px;
	float: left;
}

/* --グローバルナビゲーション-- */

div#footer div.left ul {
	width: 161px;
	margin: 25px 0 0 30px;
	float: left;
}

div#footer div.left ul li.big {
	margin-bottom: 10px;
}

/* --ロゴ-- */

div#footer div.right {
	width: 176px;
	height: 111px;
	padding: 63px 0 0 18px;
	float: right;
}

/* --コピーライトとか-- */

div#footer p.left01 {
	width: 353px;
	margin-top: 20px;
	float: left;
}

div#footer p.right02 {
	width: 185px;
	margin-top: 16px;
	float: right;
}


/* ▽▽▽下層ページ共通 */


/* ▼▼ヘッダー下▼▼ */

/* --ぱんくずリスト-- */

p.pankuzu {
	margin: 25px 0 30px 0;
	font-size: 12px;
}

p.pankuzu a {
	text-decoration: underline;
}

p.pankuzu a:hover {
	text-decoration: none;
}









/* ▽▽▽▽TOPページ▽▽▽▽ */

/* ▼▼メインエリア▼▼ */

div#main {
	width: 960px;
	height: 390px;
	margin: 17px 0 45px 0;
}

div#main div.left {
	width: 740px;
	float: left;
}

div#main div.right {
	width: 200px;
	float: right;
}

div#main div.right div.ad_01 {
	margin-top: 14px;
	padding-top: 24px;
	background: url(img/ad_bg_01.gif) no-repeat top;
}

/* ▼▼ideaエリア▼▼ */

/* --タイトル＆コメント部分-- */

div#idea_area div.contents {
	width: 745px;
	height: 75px;
	margin-bottom: 36px;
	padding-left: 215px;
	background: url(img/contents.gif) no-repeat left;
}

div#idea_area div.contents p {
	height: 60px;
}

/* --IDEA,TUTORIALS＆YOSEGAKI（左）-- */

div#idea_area div.left {
	width: 600px;
	float: left;
}

div#idea_area div.left ul.idea,
div#idea_area div.left ul.tutorials {
	width: 600px;
	height: 156px;
	padding: 39px 0 0 16px;
	margin-bottom: 27px;
}

div#idea_area div.left ul.idea li,
div#idea_area div.left ul.tutorials li {
	width: 162px;
	height: 126px;
	margin-right: 40px;
	float: left;
}

div#idea_area div.left ul.idea li.end,
div#idea_area div.left ul.tutorials li.end {
	margin-right: 0;
}

div#idea_area div.left ul.idea {
	background: url(img/free_template_bg.gif) no-repeat;
}

div#idea_area div.left ul.tutorials {
	background: url(img/sekifuda_idea_bg.gif) no-repeat;
}

/* --広告（右）-- */

div#idea_area div.right {
	width: 336px;
	margin: 8px 0 55px 0;
	float: right;
}

/* --Topic Infomation（右）-- */

div#idea_area div.right ul.topic {
	width: 336px;
	padding-top: 27px;
	margin-top: 16px;
	background: url(img/topic_bg.gif) no-repeat left top;
}

div#idea_area div.right ul.topic li {
	padding: 9px 0 7px 8px;
	letter-spacing: 0;
	background: url(img/topic_line.gif) no-repeat left bottom;
}

/* --スポンサードリンク（ideaエリア下） */

div.ad_02 {
	width: 728px;
	height: 90px;
	margin: 0 0 25px 0;
	padding-left: 232px;
	background: url(img/ad_bg_02.gif) no-repeat left;
}

/* ▼▼コンテンツエリア▼▼ */

div#contents_area {
	width: 960px;
	height: 297px;
	background: url(img/special_c_bg.gif) no-repeat;
}

div#contents_area p {
	margin: 0 0 22px 252px;
	padding-top: 26px;
}

div#contents_area div {
	margin-left: 252px;
}

div#contents_area ul {
	margin: 30px 0 0 14px;
}

div#contents_area ul li {
	width: 224px;
	height: 146px;
	margin-right: 12px;
	float: left;
}


/* ▽▽▽▽Categoryページ▽▽▽▽ */

/* --ぱんくず下広告２つ */

div.ad_03 {
	width: 728px;
	height: 90px;
	margin: 0 0 15px 116px;
}

div.ad_04 {
	width: 728px;
	height: 15px;
	margin: 0 0 40px 116px;
}

/* ▼▼左カラム▼▼ */

div#category div.left {
	width: 630px;
	float: left;
}

/* --写真3×3枚の所-- */

div#category div.left ul.photo {
	width: 645px;
	margin: 12px -15px 20px 0;
}

div#category div.left ul.photo li {
	width: 200px;
	margin-right: 15px;
	padding-bottom: 10px;
	float: left;
}

div#category div.left ul.photo li p {
	width: 200px;
	height: 38px;
	margin-top: 4px;
}

/* ▼▼右カラム▼▼ */

div#category div.right {
	width: 300px;
	float: right;
}

/* --広告-- */

div#category div.right span {
	display: block;
	margin-bottom: 12px;
}

div#category div.right div {
	margin-bottom: 25px;
}

/* --バナー-- */

div#category div.right p {
	margin-bottom: 12px;
}

/* ▼▼カラム解除▼▼ */

/* --数字ナビ-- */

div#category div.page-navi {
	width: 960px;
	margin-top: 27px;
	padding: 35px 0 27px 0;
	border: 1px dashed #bababa;
}

div#category div.page-navi ul {
	width: 773px;
	margin: 0 -7px 0 113px;
}

div#category div.page-navi ul li {
	width: 30px;
	text-align: center;
	float: left;
	font-size: 11px;
	background-color: #f80888;
	border: 1px solid #f80888;
	padding: 8px 0 5px 2px;
	margin: 0 7px 8px 0;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

div#category div.page-navi ul li a:link {
	color: #fff;
}

div#category div.page-navi ul li a:visited {
	color: #fff;
}

div#category div.page-navi ul li.blue a:link {
	color: #2338ac;
}

div#category div.page-navi ul li.blue a:visited {
	color: #2338ac;
}

/* --数字ナビ下広告-- */

div.ad_05 {
	width: 728px;
	height: 15px;
	margin: 25px 0 90px 116px;
}

/* ▽▽▽▽Contentsページ▽▽▽▽ */

/* ▼▼左カラム▼▼ */

div#contents div.left {
	width: 760px;
	float: left;
}

/* --広告-- */

div#contents div.left div.left01 {
	width: 336px;
	margin-top: 29px;
	float: left;
}

/* --右の文字の所-- */

div#contents div.left div.right01 {
	width: 411px;
	margin-top: 29px;
	padding-top: 16px;
	float: right;
}

div#contents div.left div.right01 span {
	display: block;
	margin-bottom: 14px;
}

div#contents div.left div.right01 p.title {
	width: 395px;
	font-size: 21px;
	margin: 18px 0 14px 8px;
}

div#contents div.left div.right01 p.comment {
	width: 395px;
	font-size: 14px;
	margin: 25px 0 0 8px;
}

/* --枠の中-- */

div#contents div.left div.naiyou {
	width: 760px;
	text-align: center;
	border: 1px dashed #bababa;
	margin-top: 30px;
	padding: 50px 0 50px 0;
}

div#contents div.left div.naiyou div.icon {
	margin: 25px 0 70px 0;
}

div#contents div.left div.naiyou div.icon span {
	display: inline-block;
	margin: 0 33px 0 10px;
}

/* --スポンサードリンク-- */

div#contents div.left div.naiyou div.ad_06 {
	margin: 11px 0 20px 0;
}

/* ▼▼右カラム▼▼ */

div#contents div.right {
	width: 160px;
	float: right;
}

/* --スポンサードリンク（縦長）-- */

div#contents div.right div.ad_07 {
	margin-bottom: 12px;
	padding-top: 24px;
	background: url(img/ad_bg_03.gif) no-repeat top;
}

div#contents div.right div.ad {
	margin-bottom: 12px;
}

/* ▽▽▽▽dlページ▽▽▽▽ */

/* ▼▼左カラム▼▼ */

/* --タイトル＆説明（フロート解除後）-- */

div#contents div.left div.setumei {
	margin-top: 33px;
}

div#contents div.left div.setumei span {
	display: block;
	margin-bottom: 14px;
}

div#contents div.left div.setumei p.title {
	font-size: 21px;
	margin: 18px 0 14px 8px;
}

div#contents div.left div.setumei p.comment {
	font-size: 14px;
	margin: 25px 0 0 8px;
}

/* --広告とダウンロードバナー（枠の中）-- */

div#contents div.left div.naiyou div.download {
	margin-top: 30px;
}

div#contents div.left div.naiyou div.download div.dl_left {
	width: 325px;
	margin-left: 50px;
	float: left;
}

div#contents div.left div.naiyou div.download div.dl_right {
	width: 300px;
	margin-right: 50px;
	float: right;
}

div#contents div.left div.naiyou div.download div.download02 {
	width: 658px;
	margin: 70px 0 0 50px;
	padding: 40px 0 40px 0;
	background-color: #f3f2ec;
}