@charset "utf-8";

body { background-color:#eee; }

.container { min-width:980px; background-color:#eee; }

.header { margin:0 auto; width:980px; height:280px; background:url(http://blog.ip-gfx.net/commons/header/img/bg.jpg) left top no-repeat; }
.header .wrapper { width:776px; float:left; }
.header .wrapper .logoimg { margin:15px 0 0 0; }
.header .contents { float:right; margin:0 8px 0 0; width:186px; height:250px; background:#fff; }

.main { margin:0 auto; width:980px; background:url(http://blog.ip-gfx.net/commons/main/img/bg.jpg) left top repeat-y; }
.main .wrapper { width:980px; }
.main .wrapper .groupingleft { float:left; }

.main .wrapper .groupingleft .navigation { float:left; width:204px; min-height:1px; }
.main .wrapper .groupingleft .navigation .globalnavi { padding:16px 0; background:url(http://blog.ip-gfx.net/commons/globalmenu/img/bg.jpg) left top no-repeat; }
.main .wrapper .groupingleft .navigation .globalnavi .globalnaviwrapper { }
.main .wrapper .groupingleft .navigation .globalnavi .globalnaviwrapper ul { font-size:0; line-height:0; margin-left:8px; }
.main .wrapper .groupingleft .navigation .globalnavi .globalnaviwrapper ul li { height:36px; }
.main .wrapper .groupingleft .navigation .globalnavi .globalnaviwrapper ul li a { text-decoration:none; }

.main .wrapper .groupingleft .contents { position:relative; width:572px; float:left; }
.contents p a { position:relative; color:#936; }
.contents p a:link { color:#936; } .contents p a:visited { color:#999; } .contents p a:hover { top:-1px; color:#936; }

.main .wrapper .groupingleft .contents .introduction { position:relative; *position:static; margin:5px 11px 0; padding:15px;
	font-size:82.5%; font-weight:bold; color:#fff; background:url(http://blog.ip-gfx.net/commons/main/img/introheader_bg.jpg) left top no-repeat #aad5e5;
	border-bottom:1px solid #95c5d5; }

.main .wrapper .groupingleft .contents .navi { font-size:75%; }
.main .wrapper .groupingleft .contents .navi.global { margin:0; padding:15px 0 15px 31px;
	background:url(http://blog.ip-gfx.net/commons/main/img/arrow_a.gif) 11px center no-repeat; }
	#HOME .main .wrapper .groupingleft .contents .navi.global { margin-bottom:-75px; }
.main .wrapper .groupingleft .contents .navi.global a { color:#508aaa; text-decoration:none; }
.main .wrapper .groupingleft .contents .navi.global a:link { }
.main .wrapper .groupingleft .contents .navi.global a:visited { }
.main .wrapper .groupingleft .contents .navi.global a:hover { text-decoration:underline; }
.main .wrapper .groupingleft .contents .navi.global a:active { }

.main .wrapper .groupingleft .contents .navi.local { margin:25px 11px 0 26PX; padding:5px; background:url(http://blog.ip-gfx.net/commons/main/img/pagefooter_bg.jpg) left center no-repeat; }
.main .wrapper .groupingleft .contents .navi.local a { color:#508aaa; text-decoration:none; }
.main .wrapper .groupingleft .contents .navi.local a:link { }
.main .wrapper .groupingleft .contents .navi.local a:visited { color:#999; }
.main .wrapper .groupingleft .contents .navi.local a:hover { color:#508aaa; text-decoration:underline; }
.main .wrapper .groupingleft .contents .navi.local a:active { }
.main .wrapper .groupingleft .contents .navi.local table { width:85px; }
.main .wrapper .groupingleft .contents .navi.local td.leftsign { text-align:left; width:25px; }
.main .wrapper .groupingleft .contents .navi.local td.centersign { text-align:center; }
.main .wrapper .groupingleft .contents .navi.local td.rightsign { text-align:right; width:25px; }
.main .wrapper .groupingleft .contents .navi .separator { color:#d3d3d3; }

.articleheader { font-size:115%; font-weight:bold; margin:0 11px 5px; padding:15px 0 10px 15px;
	background:url(http://blog.ip-gfx.net/commons/main/img/firstheader_bg.jpg) left top repeat-x; position:relative; *position:static; }
	#HOME .articleheader { margin-top:75px; }
.articleheader a { text-decoration:none; color:#555; }
.articleheader a:link { } .articleheader a:visited { } .articleheader a:hover { color:#508aaa; }

.article { margin:0 26px 25px; }
.article .date { font-family:Arial, Helvetica, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#ccc; font-size:82.5%; margin-bottom:10px; }
.article p { font-size:82.5%; line-height:1.5; margin:0 0 15px; }

.articlextend { margin:-15px 0 0; padding:10px 0 5px;
	background:url(http://blog.ip-gfx.net/commons/main/extend/img/bg.jpg) #f7f7f7 no-repeat; border:1px solid #ccc; border-top:none; border-bottom:none; }
.articlextend .continue-off,.continue-on { clear:both; }
.articlextend .continue-off { margin:0 26px 0; }
.articlextend .continue-on { display:none; }
.articlextend .continue-on .backbtn { margin:0 0 2px 25px; display:block; width:14px; }
.articlextend .continue-on .continue-on-inner { margin:5px 10px; padding:15px 16px 0; border:solid 1px #e9e9e9; border-left:none; border-right:none; }
.articlextend .continue-on .continue-on-inner p { font-size:82.5%; line-height:1.5; margin:0 0 15px; }

img.float { margin-right:20px; float:left; }
img.frame { margin-bottom:15px; padding:9px; border:#e2e2e2 1px solid; background:#f8f8f8; }
.article h4 { font-size:82.5%; font-weight:bold; margin-bottom:10px; margin-top:15px;
	border-left:15px solid #09c; padding-left:5px; }
.article h5 { font-size:82.5%; font-weight:bold; margin-bottom:10px; margin-top:15px;
	border-left:15px solid #09c; padding-left:5px; }
.continue-on-inner h4 {
	font-size:82.5%; font-weight:bold; margin-bottom:10px; margin-top:15px;
	border-left:15px solid #09c; padding-left:5px; }
.continue-on-inner h5 {
	font-size:82.5%; font-weight:bold; margin-bottom:10px; margin-top:15px;
	border-left:15px solid #09c; padding-left:5px; }
table.articlefooter { border-top:1px solid #ccc; margin:0; width:100%; border-collapse:collapse; border-spacing:0; }
table.articlefooter tr td { }
table.articlefooter tr td table.labels { border-left:1px solid #ccc; border-collapse:collapse; border-spacing:0; }
table.articlefooter tr td table.labels tr td { padding:8px 11px 0 8px; color:#999; }
table.articlefooter tr td table.labels tr td.comment { font-family:Arial, Helvetica, sans-serif; font-style:normal;
	font-weight:bold; font-size:75%; letter-spacing:0.025em; color:#555; }
table.articlefooter a.commentbtn img { }
table.articlefooter a.commentstring { text-decoration:none; vertical-align:text-bottom; }
table.articlefooter tr td table.labels tr td.comment a { }
table.articlefooter tr td table.labels tr td.comment a:link { }
table.articlefooter tr td table.labels tr td.comment a:visited { color:#555; }
table.articlefooter tr td table.labels tr td.comment a:hover { color:#508aaa; }

#RecentEntries { position:relative; margin:15px 0 0; border-top:10px solid #ccc; *position:static; }
#RecentEntries ul { }
#RecentEntries ul li { width:260px; margin:0 13px; float:left; *display:inline; }
#RecentEntries ul li .articleheader { position:relative; *position:static; font-size:90%; font-weight:bold; padding:15px 0 10px 15px; margin:25px 0 0; }
#RecentEntries ul li .article { margin:0 15px; }
#RecentEntries ul li .article .date { font-family:Arial, Helvetica, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#ccc; font-size:75%; margin-bottom:10px; }
#RecentEntries ul li .article .groupingexcerpt { float:left; width:95px; }
#RecentEntries ul li .article .groupingexcerpt p { font-size:75%; line-height:1.4; margin:0; }
#RecentEntries ul li .article img.frame { margin-bottom:0; padding:5px; }
#RecentEntries ul li .article img.float { margin-right:13px; }

.main .wrapper .groupingright { float:right; width:204px; margin:0; padding-top:17px;
	background:url(http://blog.ip-gfx.net/commons/sidemenu/img/bg_top.jpg) left top no-repeat; }
	#INDIVIDUAL .main .wrapper .groupingright { padding-top:0; background:none; }
.main .wrapper .groupingright .navi { width:204px; margin-bottom:15px; padding-bottom:15px; font-size:75%;
	line-height:1.4; background:url(http://blog.ip-gfx.net/commons/sidemenu/img/bg_bottom.jpg) left bottom no-repeat; }
.main .wrapper .groupingright .navi .naviwrapper { width:204px; background:url(http://blog.ip-gfx.net/commons/sidemenu/img/bg_body.jpg) left top repeat-y; }
.main .wrapper .groupingright .navi .naviwrapper ul { }
.main .wrapper .groupingright .navi .naviwrapper ul li { width:196px; padding-bottom:2px;
	background:url(http://blog.ip-gfx.net/commons/sidemenu/img/anchor_bg.jpg) left bottom no-repeat; }
.main .wrapper .groupingright .navi .naviwrapper ul li a { display:block; padding:10px 15px; text-decoration:none; color:#508aaa; }
.main .wrapper .groupingright .navi .naviwrapper ul li a:link { }
.main .wrapper .groupingright .navi .naviwrapper ul li a:visited { color:#555; }
.main .wrapper .groupingright .navi .naviwrapper ul li a:hover { color:#28557f;
	background:url(http://blog.ip-gfx.net/commons/sidemenu/img/anchor_bg_over.jpg) left bottom no-repeat; }
.main .wrapper .groupingright .navi .naviwrapper ul li a:active { }

.main .wrapper .groupingleft .sorts { margin:15px 0 0 8px; }
.main .wrapper .groupingright .sorts { margin:15px 8px 0 0; }
.sortswrapper { margin:0 0 15px; font-family:Arial, Helvetica, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.sortsheader { color:#ccc; position:relative; width:196px; height:30px; }
		.sortsheader span { position:absolute; top:0; left:0; display:block; width:100%; height:100%; }
			.sortsheader span.about { background:url(http://blog.ip-gfx.net/commons/sidemenu/img/title/about.jpg) no-repeat; }
			.sortsheader span.scrapbook { background:url(http://blog.ip-gfx.net/commons/sidemenu/img/title/scrapbook.jpg) no-repeat; }
			.sortsheader span.tagsinblog { background:url(http://blog.ip-gfx.net/commons/sidemenu/img/title/tagsinblog.jpg) no-repeat; }
.groupingleft .sortswrapper .sortscontents { font-size:75%; margin-top:8px; padding-right:15px; }
.groupingright .sortswrapper .sortscontents { font-size:75%; margin-top:8px; padding-left:15px; }
.sortswrapper .sortscontents p { line-height:1.4; margin:15px 0; }

.contents .tagwrapper { margin:0; font-family:Arial, Helvetica, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.contents .tagheader { color:#ccc; font-weight:bold; font-size:80%; width:auto; height:auto; }
.contents .tagclouds { font-size:80%; margin-top:0; padding-left:5px; }
.tagclouds ul { }
.tagclouds ul li { display:inline; padding:0; background:none; line-height:120%; }
	.contents .tagclouds ul li { line-height:100%; }
.tagclouds ul li.taglevel6 {font-size:100%; }
.tagclouds ul li.taglevel5 {font-size:110%; }
.tagclouds ul li.taglevel4 {font-size:120%; }
.tagclouds ul li.taglevel3 {font-size:130%; }
.tagclouds ul li.taglevel2 {font-size:140%; }
.tagclouds ul li.taglevel1 {font-size:150%; }
.tagclouds ul li.tagclouds-item a { display:inline; padding:0; text-decoration:none; color:#ccc; }
.tagclouds ul li.tagclouds-item a:link { }
.tagclouds ul li.tagclouds-item a:visited { color:#ccc; }
.tagclouds ul li.tagclouds-item a:hover { color:#555; text-decoration:underline; }
.tagclouds ul li.tagclouds-item a:active { }

.footer { background-color:#eee; }
.footer .wrapper { text-align:center; width:980px; margin:0 auto; padding:0 0 25px; background:url(http://blog.ip-gfx.net/commons/footer/img/bg.jpg) left top no-repeat; }
.footer .wrapper a { color:#508aaa; text-decoration:none; }
.footer .wrapper a:link { }
.footer .wrapper a:visited { color:#999; }
.footer .wrapper a:hover { color:#508aaa; text-decoration:underline; }
.footer .wrapper a:active { text-decoration:underline; }
.footer .wrapper .sitemap { position:relative; font-size:75%; padding-top:50px; }
.footer .wrapper .sitemap .logoimg { }
.footer .wrapper .sitemap ul { }
.footer .wrapper .sitemap ul li { padding:0 10px 0; border-left:#a5c5d5 1px solid; display:inline; }
.footer .wrapper .sitemap ul li.end { border-right:#a5c5d5 1px solid; }
.footer .wrapper address { position:relative; margin:15px auto 0; font-family:Arial, Helvetica, sans-serif;
	font-style:normal; font-weight:bold; letter-spacing:0.025em; font-size:70%; line-height:1.4; }

input.form {
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:100%; width:70%; padding:2px; color:#333;
	border:1px solid #ccc; border-left:1px solid #999; border-top:1px solid #999; }
textarea {
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:100%; width:100%; padding:2px; color:#333;
	border:1px solid #ccc; border-left:1px solid #999; border-top:1px solid #999; }
select {
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", sans-serif; width:40%; color:#333; }
input.btn {
	font-family:"Arial", "Helvetica", sans-serif; font-size:90%;
	width:100px; height:30px; margin:15px 20px 0 0; color:#333; background-color:#efefef; font-weight:bold; }