@charset "utf-8";



/************************************************
 �N���G�C�^�[�ꗗ
************************************************ */

#creator_list,#howto {
	width: 750px;
	clear: both;
	overflow: auto;
	letter-spacing: 110%;
	background-color: #fff;
}

#creator_list .creator_box h3 {
	font-size: 18px;
	font-weight: bold;
	margin: 10px auto;
	margin-bottom: 5px;
}

#creator_list .creator_box {
	clear: both;
}

#creator_list .creator_box h3 span {
	margin-right: 10px;
}

#creator_list .creator_box .s-middle {
	font-size: 16px;
}

#creator_list .creator_box div {
	width: 330px;
	border: 1px solid #B2B2B2;
	background-image: url(http://gigaplus.makeshop.jp/2gaoe/creator_img/nuno3.png);
	text-align: center;
	margin-left: 30px;
	margin-top: 30px;
	float: left;
}

/*for IE6*/
* html #creator_list .creator_box div {
	margin-left: 25px;
}

#creator_list .creator_box div .thum {
	border: 1px solid #B2B2B2;
	margin-top: 10px;
}

#creator_list .creator_box div .size {
	font-size: 10px;
	font-weight: bold;
	color: #BF0000;
	text-align: left;
	margin-left: 12px;
	padding: 10px 0;
	padding-top: 5px;
}

#creator_list .creator_box div .size_u {
	font-size: 10px;
	font-weight: bold;
	color: #BF0000;
	text-align: left;
	margin-left: 12px;
	margin-right: 12px;
	margin-bottom: 10px;
	background-image: url(http://gigaplus.makeshop.jp/2gaoe/creator_img/border_bg.jpg);
	background-repeat: repeat-x;
	position: relative;
	padding-top: 10px;
}

#creator_list .creator_box div .size_u span {
	border: 1px solid #BF0000;
	padding: 0 3px;
	display: inline;
	margin-right: 5px;
}

#creator_list .creator_box div .size img {
	margin-right: 5px;
}

#creator_list .creator_box div .size span {
	border: 1px solid #BF0000;
	padding: 0 5px;
	display: inline;
	margin-right: 5px;
}

#creator_list .creator_box div ul {
	padding: 0 15px;
}

#creator_list .creator_box div li {
	text-align: left;
	font-size: 12px;
	list-style: none;
	list-style-position: outside;
	height: 55px;
	display: inline; /*for IE*/
}

/*for IE�ȊO*/

:root *> #creator_list .creator_box div li {
	display: block;
}

#creator_list .creator_box div li p {
	height: 55px;
	margin: 0;
	font-size: 14px;
	position: relative;
	font-weight: bold;
	background-image: url(http://gigaplus.makeshop.jp/2gaoe/creator_img/border_bg.jpg);
	background-repeat: repeat-x;
}

#creator_list .creator_box div li a {
	display: block;
}

#creator_list .creator_box div li.cate_portrait {
	background-image: url(http://gigaplus.makeshop.jp/2gaoe/creator_img/icon_portrait.jpg);
	background-repeat: no-repeat;
	background-position: left 50%;
}

#creator_list .creator_box div li.cate_wboard {
	background-image: url(http://gigaplus.makeshop.jp/2gaoe/creator_img/icon_wboard.jpg);
	background-repeat: no-repeat;
	background-position: left 50%;
}

#creator_list .creator_box div li.cate_hand {
	background-image: url(http://gigaplus.makeshop.jp/2gaoe/creator_img/icon_hand.jpg);
	background-repeat: no-repeat;
	background-position: left 50%;
}

#creator_list .creator_box div li.cate_digi {
	background-image: url(http://gigaplus.makeshop.jp/2gaoe/creator_img/icon_digi.jpg);
	background-repeat: no-repeat;
	background-position: left 50%;
}

#creator_list .creator_box div li.cate_many {
	background-image: url(http://gigaplus.makeshop.jp/2gaoe/creator_img/icon_many.jpg);
	background-repeat: no-repeat;
	background-position: left 50%;
}

#creator_list .creator_box div li span {
	margin-left: 45px;
	width: 210px;
	display: block;
	line-height: 55px;
}

#creator_list .creator_box div li img {
	margin-top: -17px;
	position: absolute;
	right: 0;
	top: 50%;
}

/*�����N�e�L�X�g����s�̎�*/
#creator_list .creator_box div li span.lines {
	line-height: 18px;
	margin-top: -17px;
	position: absolute;
	top: 50%;
}


/************************************************
 �������@
************************************************ */

#howto {
	text-align: left;
	font-size:14px ;
} 

#howto h2 {
	background-image: url(http://gigaplus.makeshop.jp/2gaoe/howto_img/howto_top.jpg);
	background-repeat: no-repeat;
	width: 700px;
	height: 150px;
	margin:20px 25px;
}

#howto h2 span {
	display: none;
}

#howto div {
	width: 700px;
	margin: 0 25px;
	overflow: hidden;
}

#howto #menu {
	height: 130px;
	background-image: url(http://gigaplus.makeshop.jp/2gaoe/howto_img/nuno1.png);
}

#howto #menu ul {
	text-align: center;
	margin: 10px 49px;
	overflow: hidden;
}

#howto #menu li {
	float: left;
	width: 115px;
	margin-right: 5px;
	
}

#howto #menu li a {
	display: block;
}

#howto #menu img {
	margin: 0 5px;
}

#howto h3 {
	background-image: url("http://gigaplus.makeshop.jp/2gaoe/howto_img/line.jpg");
	background-position: center bottom;
	background-repeat: repeat-x;
	height: 42px;
	margin: 15px 0;
	width: 700px;
	clear: both;
}

#howto h3 span {
	font-size: 18px;
	font-weight: bold;
	color: #5A3D1C;
	padding-left: 30px;
}


#howto #choice h3 span {
	background-image: url("http://gigaplus.makeshop.jp/2gaoe/howto_img/icon_1.jpg");
	background-position: 0 -5px;
	background-repeat: no-repeat;
	position: relative;
	top: 5px;
}

#howto #order h3 span {
	background-image: url("http://gigaplus.makeshop.jp/2gaoe/howto_img/icon_2.jpg");
	background-position: 0 -5px;
	background-repeat: no-repeat;
	position: relative;
	top: 5px;
}

#howto #pay h3 span {
	background-image: url("http://gigaplus.makeshop.jp/2gaoe/howto_img/icon_3.jpg");
	background-position: 0 -5px;
	background-repeat: no-repeat;
	position: relative;
	top: 5px;
}

#howto #pict h3 span {
	background-image: url("http://gigaplus.makeshop.jp/2gaoe/howto_img/icon_4.jpg");
	background-position: 0 -5px;
	background-repeat: no-repeat;
	position: relative;
	top: 5px;
}

#howto #delivery h3 span {
	background-image: url("http://gigaplus.makeshop.jp/2gaoe/howto_img/icon_5.jpg");
	background-position: 0 -5px;
	background-repeat: no-repeat;
	position: relative;
	top: 5px;
}

#howto #order h3 span.zoom {
	display: block;
	float: right;
	font-size: 14px;
	background-image: url("http://gigaplus.makeshop.jp/2gaoe/howto_img/icon_zoom.jpg");
	background-position: 0 top ;
	background-repeat: no-repeat;
	position: relative;
	top: 5px;
	height: 30px;
}

#howto div.creleft {
	width: 350px;
	float: left;
	margin: 0;
}

#howto .comment {
	margin: 0;
	width: 700px;
	background-image: url(http://gigaplus.makeshop.jp/2gaoe/howto_img/takai_r.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 150px;
	overflow: hidden;
	margin-top: 15px;
}

#howto .comment p {
	padding: 15px;
	background-color: lightblue;
	margin-left: 110px;
	width: 98%;
	margin-top: 15px;
	border-radius: 5px;        /* CSS3���� */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome�p */  
	-moz-border-radius: 5px;   /* Firefox�p */ 
}

/*for IE*/
:root *> #howto .comment p {
	width: 76%;
}

#howto div.creright {
	width: 350px;
	float: right;
	margin: 0;
}

#howto div.creright ul {
	padding-left: 25px;
}

#howto div.creright li {
	float: left;
	margin-right: 10px;
	margin-top: 20px;
}

#howto div.creright li.list {
	float: none;
	margin-top: 0;
}

#howto .info {
	margin: 10px 0;
	padding: 15px;
	background-image: url(http://gigaplus.makeshop.jp/2gaoe/howto_img/nuno5.png);
	border-radius: 5px;        /* CSS3���� */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome�p */  
	-moz-border-radius: 5px;   /* Firefox�p */
	width: 690px;
	padding-bottom: 0;
}

/*for IE�ȊO*/
:root *> #howto .info {
	width: 670px;
}

#howto h4 {
	font-size: 16px;
	font-weight: bold;
	color: #5A3D1C;
}

#howto .info h4 {
	background-image: url("http://gigaplus.makeshop.jp/2gaoe/howto_img/icon_search.jpg");
	background-repeat: no-repeat;
	height: 40px;
}

#howto .info h4 span {
	position: relative;
	left: 40px;
	top: 5px;
}

#howto .link {
	font-weight: bold;
	text-align: right;
	text-align: right;
	margin: 10px auto;
	clear: both;
}

#howto #order h4 {
	margin-bottom: 10px;
}

#howto #order div {
	margin-left: 0;
	float: left;
	width: 350px;
}

#howto #order img {
	float: right;
	border: 1px solid gray;
	margin-bottom: 10px;
	margin-right: 1px;
}

#howto #order p {
	clear: both;
	margin: 30px auto;
	background-image: url(http://gigaplus.makeshop.jp/2gaoe/howto_img/ya.jpg);
	background-repeat: no-repeat;
	background-position: center;
	margin: 0 auto 10px;
	height: 30px;
}

#howto #order p span {
	display: none;
}

#howto #order p.link {
	background-image: none;
}

#howto ol {
	margin-left: 25px;
	margin-bottom: 10px;
}

#howto ol li {
	list-style-type: decimal;
	list-style-position: outside;
}

#howto #order div p {
	background-image: none;
	height: auto;
	margin: 0;
	margin-bottom: 10px;
}

#howto #order li span {
	font-size: 12px;
	color: darkorange;
	display: block;
	margin: 5px 0;
}

#howto table {
	border-top:3px solid #fff;
	border-left:3px solid #fff;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
	margin: 10px 0;
}

#howto table th {
	font-weight: bold;
	color: #fff;
	width: 150px;
	border-right:3px solid #fff;
	border-bottom:3px solid #fff;
	background-image: url(http://gigaplus.makeshop.jp/2gaoe/howto_img/th_bg.jpg);
	padding: 1em;
	text-align:center;
}

#howto table td {
	border-right:3px solid #fff;
	border-bottom:3px solid #fff;
	padding: 1em;
	background-image: url(http://gigaplus.makeshop.jp/2gaoe/howto_img/nuno3.png);
	font-size: 12px;
}

#howto #pay .mail {
	background-image: url(http://gigaplus.makeshop.jp/2gaoe/howto_img/icon_mail.jpg);
	background-repeat: no-repeat;
	padding-left: 65px;
}

#howto #delivery div {
	padding: 15px;
	background-image: url(http://gigaplus.makeshop.jp/2gaoe/howto_img/nuno3.png);
	width: 340px;
	margin-bottom: 15px;
}

/*for IE�ȊO*/
:root *> #howto #delivery div {
	width: 315px;
}


#howto #delivery h4 {
	margin-bottom: 15px;
}

#howto #pict .pict {
	background-image: url(http://gigaplus.makeshop.jp/2gaoe/howto_img/icon_camera.jpg);
	background-repeat: no-repeat;
	padding-left: 65px;
	padding-bottom:10px;
}




/*名前詩*/


#namaeshi {
	width: 940px;
	margin: 0 auto;
	background-color: #fff;
	overflow: hidden;
	text-align: left;
}

#namaeshi h2 {
	background-image: url(http://gigaplus.makeshop.jp/2gaoe/namaeshi/namaeuta_top.jpg);
	background-repeat: no-repeat;
	width: 940px;
	height: 220px;
	margin:20px 0;
	border: 1px solid #ccc;
}

#namaeshi h2 span {
	display: none;
}

#namaeshi h3 {
	background-image: url("http://gigaplus.makeshop.jp/2gaoe/namaeshi/line.jpg");
	background-position: center bottom;
	background-repeat: repeat-x;
	height: 32px;
	margin:15px 0;
	width: 940px;
	clear: both;
}

#namaeshi h3 span {
	font-size: 16px;
	font-weight: bold;
	color: #5A3D1C;
	padding-left: 10px;
}

#namaeshi h4 {
	font-size: 14px;
	font-weight: bold;
	color: #FF7F00;
	margin: 5px 0 8px 5px;
}

#namaeshi p {
	text-align: left;
	margin: 5px;
}

#namaeshi .point {
	background-image: url(http://gigaplus.makeshop.jp/2gaoe/namaeshi/takai_l.jpg);
	background-repeat: no-repeat;
	background-position: 810px bottom;
	overflow: hidden;
}

#namaeshi .point div{
	margin-left: 20px;
	background-color: #f9fdd8;
	padding: 10px;
	font-size: 12px;
	width: 780px;
}

:root *> #namaeshi .point div{
	width: 750px;
}

#namaeshi .wish {
	margin-top: 20px;
}

#namaeshi .wish div{
	background-color: #eef9fb;
	padding: 10px;
	font-size: 12px;
}

#namaeshi .flow {
	margin-bottom: 20px;
}

#namaeshi .flow ul {
	margin: 20px 0 0 0;
	overflow: hidden;
}

#namaeshi .flow li {
	width: 210px;
	background-image: url(http://gigaplus.makeshop.jp/2gaoe/namaeshi/nuno3.png);
	overflow: hidden;
	float: left;
	margin-right: 30px;
	font-size: 12px;
	height: 300px;
}

#namaeshi .flow li.end {
	margin-right: 0;
}

#namaeshi .flow li img {
	margin: 10px 15px;
	float: left;
}

#namaeshi .flow li p {
	margin: 10px;
}

#namaeshi .flow .onepoint {
	clear: both;
	margin-top: 10px;
}

#namaeshi .flow .onepoint li {
	background-image: url(http://gigaplus.makeshop.jp/2gaoe/namaeshi/sankaku.gif);
	background-position: top center;
	background-repeat: no-repeat;
	height: auto;
}

#namaeshi .flow .onepoint li p {
	background-color: #D7EFBF;
	margin: 0;
	margin-top: 8px;
	padding: 10px;
}

#namaeshi .large {
	font-weight: bold;
	color: #FF7F00;
	font-size: 40px;
}

#namaeshi li.finish {
	padding: 0;
	background-image: none;
	width: auto;
	height: 302px;
	margin: 0;
}

#namaeshi .flow li.finish img {
	margin: 0;
}

#namaeshi .comment {
	margin-bottom: 20px;
}

#namaeshi .comment div {
	margin: 15px;
	margin-right: 5px;
	padding: 10px 20px 30px 20px;
	background-color: #f9fdd8;
	overflow: hidden;
}

:root *> #namaeshi .comment div {
	padding: 10px 20px;
}

#namaeshi .comment img {
	float: right;
	border: 1px solid #ccc;
	margin-left: 20px;
}

#namaeshi .comment img.left {
	float: left;
	margin-right: 20px;
	margin-left: 0;
}

#namaeshi .two_sec {
	float: left;
	width: 430px;
	margin: 0 20px;
	margin-bottom: 20px;
	background-color: #fff6fe;
}

#namaeshi .two_sec h4 {
	margin: 10px 20px;
	margin-bottom: 5px;
}

#namaeshi .two_sec img {
	float: right;
	margin: 5px;
	margin-right: 20px;
	border: 1px solid #ccc;
}


#namaeshi .two_sec p {
	margin: 10px 20px;
}

#namaeshi .two_sec span {
	font-weight: bold;
	color: forestgreen;
	margin-left: 1em;
	width: 100%;
}

:root *> #namaeshi .two_sec span {
	display: block;
}

#namaeshi .memo {
	background-image: url(http://gigaplus.makeshop.jp/2gaoe/namaeshi/memo.gif);
	background-repeat: no-repeat;
	margin-top: 15px;
	background-position: center;
	background-color: transparent;
}

#namaeshi .memo p {
	font-size: 16px;
	font-weight: bold;
	color: #5A3D1C;
}

#namaeshi .two_sec ul {
	margin: 10px 20px;
}

#namaeshi .two_sec ul li {
	margin-bottom: 8px;
	list-style-image: url("http://gigaplus.makeshop.jp/2gaoe/namaeshi/check.gif");
	list-style-position: outside;
	margin-left: 20px;
	font-weight: bold;
}

#namaeshi table {
	border-top:3px solid #fff;
	border-left:3px solid #fff;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
	margin: 10px 0;
}

#namaeshi table th {
	font-weight: bold;
	color: #fff;
	border-right:3px solid #fff;
	border-bottom:3px solid #fff;
	background-image: url(http://gigaplus.makeshop.jp/2gaoe/namaeshi/th_bg.png);
	padding: 1em 1.5em;
	text-align:center;
	font-size: 14px;
}

#namaeshi table td {
	border-right:3px solid #fff;
	border-bottom:3px solid #fff;
	padding: 1em 1.5em;
	background-image: url(http://gigaplus.makeshop.jp/2gaoe/namaeshi/nuno3.png);
	font-size: 12px;
	text-align: center;
	font-weight: bold;
}

#namaeshi table td.long {
	width: 360px;
}

#namaeshi p.link {
	background-image: none;
	font-weight: bold;
	text-align: right;
	margin: 10px auto;
	clear: both;
}





/************************************************
 2カラム版　特集ページ
************************************************ */

#namaeshi_two {
	width: 750px;
	clear: both;
	overflow: auto;
	letter-spacing: 110%;
	background-color: #fff;
	text-align:left !important;
}

#namaeshi_two .namaeshi_content {
	width: 700px;
	margin: 0 25px;
}

#namaeshi_two h2 {
	background-image: url(http://gigaplus.makeshop.jp/2gaoe/namaeshi/top_700.jpg);
	background-repeat: no-repeat;
	height: 220px;
	margin:20px 0;
	border: 1px solid #ccc;
}

#namaeshi_two h2 span {
	display: none;
}

#namaeshi_two h3 {
	background-image: url("http://gigaplus.makeshop.jp/2gaoe/namaeshi/line.jpg");
	background-position: center bottom;
	background-repeat: repeat-x;
	height: 32px;
	margin:15px 0;
	clear: both;
}

#namaeshi_two h3 span {
	font-size: 16px;
	font-weight: bold;
	color: #5A3D1C;
	padding-left: 10px;
}

#namaeshi_two h4 {
	font-size: 14px;
	font-weight: bold;
	color: #FF7F00;
	margin: 5px 0 8px 5px;
}

#namaeshi_two p {
	text-align: left;
	margin: 5px;
}

#namaeshi_two .point {
	background-color: #f9fdd8;
	font-size: 12px;
	padding: 10px 0;
}

#namaeshi_two .point img {
	float: right;
	margin-right: 10px;
}

#namaeshi_two .point p{
	padding: 0 10px;

}

#namaeshi_two .wish {
	margin-top: 20px;
}

#namaeshi_two .wish div{
	background-color: #eef9fb;
	padding: 10px;
	font-size: 12px;
}

#namaeshi_two .flow {
	margin-bottom: 20px;
}

#namaeshi_two .flow ul {
	margin: 20px 0 0 0;
	overflow: hidden;
}

#namaeshi_two .flow li {
	width: 210px;
	background-image: url(http://gigaplus.makeshop.jp/2gaoe/namaeshi/nuno3.png);
	overflow: hidden;
	float: left;
	margin-right: 33px;
	font-size: 12px;
	height: 300px;
}

#namaeshi_two .flow li.end {
	margin-right: 0;
}

#namaeshi_two .flow li img {
	margin: 10px 15px;
	float: left;
}

#namaeshi_two .flow li p {
	margin: 10px;
}

#namaeshi_two .flow .onepoint {
	clear: both;
	margin-top: 10px;
}

#namaeshi_two .flow .onepoint li {
	background-image: url(http://gigaplus.makeshop.jp/2gaoe/namaeshi/sankaku.gif);
	background-position: top center;
	background-repeat: no-repeat;
	height: auto;
}

#namaeshi_two .flow .onepoint li p {
	background-color: #D7EFBF;
	margin: 0;
	margin-top: 8px;
	padding: 10px;
}

#namaeshi_two .large {
	font-weight: bold;
	color: #FF7F00;
	font-size: 40px;
}

#namaeshi_two li.fin {
	padding: 0;
	background-image: none;
	width: auto;
	height: 302px;
	margin: 0;
	background-image: url(http://gigaplus.makeshop.jp/2gaoe/namaeshi/5-flow.jpg);
	background-repeat: no-repeat;
	width: 450px;
}

#namaeshi_two li.fin p {
	margin-top: 166px;
}

#namaeshi_two .comment {
	margin-bottom: 20px;
}

#namaeshi_two .comment div {
	margin: 15px 0;
	margin-right: 5px;
	padding: 10px 20px 30px 20px;
	background-color: #f9fdd8;
	overflow: hidden;
}

:root *> #namaeshi_two .comment div {
	padding: 10px 20px;
}

#namaeshi_two .comment img {
	float: right;
	border: 1px solid #ccc;
	margin-left: 20px;
}

#namaeshi_two .comment img.left {
	float: left;
	margin-right: 20px;
	margin-left: 0;
}

#namaeshi_two .message {
	margin-bottom: 20px;
	background-color: #fff6fe;
	padding: 5px 0;
}

#namaeshi_two .message h4 {
	margin: 10px 20px;
	margin-bottom: 5px;
}

#namaeshi_two .message img {
	float: right;
	margin: 10px;
	margin-right: 20px;
	border: 1px solid #ccc;
}


#namaeshi_two .message p {
	margin: 10px 20px;
}

#namaeshi_two .message span {
	font-weight: bold;
	color: forestgreen;
	margin-left: 1em;
	width: 100%;
}

:root *> #namaeshi_two .message span {
	display: block;
}

#namaeshi_two .memo {
	background-image: url(http://gigaplus.makeshop.jp/2gaoe/namaeshi/memo.gif);
	background-repeat: no-repeat;
	margin-top: 15px;
	background-position: center;
	background-color: transparent;
	width: 330px;
	float: left;
	margin: 5px 10px;
}

#namaeshi_two .memo p {
	font-size: 16px;
	font-weight: bold;
	color: #5A3D1C;
	margin-left: 10px;
}

#namaeshi_two .memo ul {
	margin: 10px;
}

#namaeshi_two .memo ul li {
	margin-bottom: 8px;
	list-style-image: url("http://gigaplus.makeshop.jp/2gaoe/namaeshi/namaeshi_two/check.gif");
	list-style-position: outside;
	margin-left: 20px;
	font-weight: bold;
}

#namaeshi_two table {
	border-top:3px solid #fff;
	border-left:3px solid #fff;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
	margin: 10px 0;
	width: 350px;
}

#namaeshi_two table th {
	font-weight: bold;
	color: #fff;
	border-right:3px solid #fff;
	border-bottom:3px solid #fff;
	background-image: url(http://gigaplus.makeshop.jp/2gaoe/namaeshi/th_bg.png);
	padding: 0.5em;
	text-align:center;
	font-size: 14px;
}

#namaeshi_two table td {
	border-right:3px solid #fff;
	border-bottom:3px solid #fff;
	padding: 0.5em;
	background-image: url(http://gigaplus.makeshop.jp/2gaoe/namaeshi/nuno3.png);
	font-size: 12px;
	text-align: center;
	font-weight: bold;
}

#namaeshi_two table td p {
	margin: 5px 0;
}

#namaeshi_two table td.long {
	width: 360px;
}

#namaeshi_two p.link {
	background-image: none;
	font-weight: bold;
	text-align: right;
	margin: 10px auto;
	clear: both;
}